Flutter Routes & Navigation - Parameters, Named Routes, onGenerateRoute

📗 Learn from the written tutorial 👇👇
resocoder.com/flutter-routes-...
👨‍💻 Do you write good code? Find out now 👇
resocoder.com/good-code-quiz
Routing is one of the most basic things your app must have to do anything meaningful. However, navigating between pages can quickly turn into a mess. It doesn't have to be so!
There are multiple options for routing. Some create a lot of clutter, others cannot facilitate passing data between routes, and yet others require that you set up a third-party library. The option that you are going to learn about in this tutorial is the best of both worlds - first-party and yet clean to use.
Go to my website for more information, code examples, and articles:
● resocoder.com
Follow me on social media:
● / resocoder
● / resocoder
● / resocoder
● gab.ai/resocoder

[@donaldparkerii]

another great tutorial, you've not only done a great job teaching but also at production standards coding, THANK YOU SO MUCH

[@ResoCoder]

Thank YOU for watching!

[@docdsmc6639]

Awesome work! This is exactly what I needed to see. I was having a heck of a time trying to pass dynamic arguments to my pages for the past 2 days. This video not only showed me how to do it, it showed me why my previous efforts failed. Well done!

[@Juliapak]

I'm having that issue right now!!

[@DevGamer19]

This is indeed the best tutorial for Flutter Routing. Clean code and very good explanation. Thank you!

[@mdmarcaassport]

What a voice men.

[@bm2ilabs]

As usual the first source to see if you are stuck in anything about flutter, i would really like to see all this knowledge in one big product it will be amazing , Thank you for everything

[@tadaspetra]

I think it would be important to mention that you would need to create a new "arguments" Object for every class that you want to pass multiple parameters to

[@coding_den]

Probably the best explanation of basic routing in Flutter that I've seen 🙌🏼

[@myrtasz1036]

Thanks, one of the best programming tutorials I've ever seen

[@officialismailshah]

Man!!!!! You are blessing for flutter developers.... You are playing big rule in flutter community... Keep doing great stuff....

[@allanjuan1149]

Great tutorial. Clear, informative and straight to the point. Thanks a lot for sharing

[@zaytoons]

Thank you so much! Exactly what I was looking for. Keep up the good work! 👍🏻

[@ramioooz]

Simple, nice and straightforward. great video pro 👍

[@AdriSinaga]

Wow, your explaination so clear. Thank you

[@Vellutia]

Oh no.. I miss this tutorial, my project is already like half done :'(

[@danielduvana]

This was a perfect tutorial! Thanks!

[@shivkumar7496]

Thanks a lot...u explained so well, u saved my time by explaining routing clearly.

[@akshaychopra96]

You are the best! Thanks for making flutter for complex apps so easy :)

[@murtazavohra360]

This is exactly the video I needed Thanks!!

[@RossiMurilo]

Pretty clear! Thanks a lot!

[@FilledStacks]

Very helpful tutorial. Thanks for the video.

[@KrySquiky]

Thank you very much, your tutorial is very great. It will help me a lot for my school project! :)

[@mdmarcaassport]

Very good tutorial. In order to be excellent it may explain if the routes approach works on top of push/pop approach. E. G. /index to /second to /index is push and push or push and pop

[@a.d7627]

Great tutorial! thanks for opening my routes horizons :)

[@the_one_named_harris]

Very helpful video! Thanks a lot!

[@lunargixx6867]

Awesome tutorial. You explained it so well.

[@Makayasa]

Well prepared tutorial, love your teching method

[@bluecodes5881]

Thanks for such an awesome tutorial!

[@AhtramTube]

Great tutorial! Thank you!

[@chrisp267]

Great stuff! Thanks!

[@VitorFThome]

Thank you!

[@FranciscoJunior29]

Great! Thank you!

[@johncerpa3782]

Great video, man. Thank you so much

[@pravinromano8774]

thank you for the wonderful tutorial on page routes and navigation sir, thank you

[@liorpolak1391]

Outstanding tutorial!

[@mihirmodi1936]

Excellent explanation. Loved it. Thanks.

[@AVACLOUDADDA]

Great tutorial. It clears my all doubt.
Thanks

[@sephyshen2510]

very helpful video. thank you RC.

[@dewas6237]

your channel so help me a lot thanks bro!

[@rasan97]

Thank you, kind sir.

[@iced87]

so, I applied what you did in this video and it works flawlessly; however, I am currently facing an issue with using popUntil

[@sanathnherath]

very helpful, thanks

[@kennyho6222]

This is great. thank you!

[@shivampokhriyal_]

Great tut on Routes :D

[@johnkaicher2073]

Thanks... best explanation of onGenerate and Flutter routing on You Tube

[@BillyMahmood]

Great tutorial, please can you show us how to add route guards?

[@monadmantis7472]

your tutorials are awesome. I have liked this video and subscribed. you are a giant among men!

[@IreshDissanayakaM]

thank you!

[@lindermannla]

Greate tutorial! Thnxz!

[@golfgolf7161]

The best video about navigation on youtube! Can you explain when use push, pushReplacement, pushAndRemoveUntil? GL

[@csgokul]

Just wow .... Thanks for this awesome tut ...

[@jmbartho1]

Great video thanks!

[@fixocsolutions2695]

thanks bro helped a lot

[@WESLEYNFSMW]

Thanks bro, another sub from Brazil 😁

[@riyoua]

Great Tutorial ... thanks a lot

[@MycoDan]

Awesome thanks

[@aravind.a]

Really awesome tutorial on flutter navigation 👍🎉🔥

[@FranzSchwanauer]

Thank you for your flutter tutorials. They are helpful.
How do you implement popUntil to get to HOME no matter how many routes are on the navigation stack.
Please respond with example code.

[@user-mz4kk7ry2v]

thank you :)

[@brunofrancosentis5148]

thanks!

[@mateenmehmood5675]

Awesome Content. Incredible

[@ivan.arenas]

muchas gracias !! !! ! !! !! !! !!! saludos desde colombia

[@bioscopetales]

Thanks buddy

[@341414]

Thank you for this beautiful video training. What'ss about onUnknownRoute?

[@abdechahidihya5360]

I love you man.

[@animesgeekbr]

awesome!

[@WorstDeveloper]

This was really helpful. I will implement it in my application. Is this way still the recommended approach?

[@aguninghamidou9969]

very good tutorial

[@munasikder1548]

great tutorial.. Thanks...........

[@angelofopa]

Thanks

[@vathnadev5570]

Nice!

[@harrazmasri2805]

awesome

[@balaganesh3440]

Awesome...

[@shashanksm6327]

Great videos , keep up the good work :)

[@MubashirAR]

For anyone using flutter for web,
replace
final args = settings.arguments;
with
final name = settings.name;
and
switch(args)
with
switch (name)

[@JM-ip9fe]

Cool

[@paulohenriquepereiraolivei5510]

Very nice

[@brunopereira9905]

Very nice tutorial man! Helped me a looot.

[@ResoCoder]

I'm glad it did!

[@thothtrismegistus929]

what about fluro package?

[@aytunch]

Hi Matej, Thanks for bringing this subject up. It cleared a lot of confusions for us:) One request. Can you make a followup video on how we would pass data back when popping the page or multiple nested pages? And How would we manage a nested Page tree situation where we can go from a->b->c or a->c directly and from c->b->a or c->a directly. Should we do a scenario like this using bloc?

[@dimitristotsios2292]

flutter.dev/docs/cookbook/navigation/returning-data#nope-button see the answers here as a start point.

[@peekpt]

Nice! Tks

[@syedmuheeb2409]

Can u show this in future builder which returns list view builder binder with json data when one list tile is tapped it should return the details page of that particular parent item!

[@Blackday2010]

In the code of (RouteGenerator) when define final args= settings.arguments
I found that it doesn't have arguments but has only (name, isIntializable), what is wrong?

[@UnSet]

muito bom

[@Luca-re3ve]

very good tutorial, how should i proceed if i have first page and second in 2 different files?

[@brianmartindunn]

If I wanted to pass multiple named parameters, is there a way to do that? It sounds like all the parameters would need to get packed into a Map and sent in the "arguments" parameter. It would be nice if the calling widget ("First Page" in your example) could see the list of parameters expected by the second widget ("Second Page" in your example). Is there a trick or technique that can achieve this?
BTW, great tutorial! Please keep making them.

[@nooralibutt2690]

Map or make a class of arguments

[@BartWentink]

@@nooralibutt2690 I'm trying to pass a map, but I get an error that I can't use arguments of type in place of int. How would I rectify this?

[@Adam-xr6fj]

How can this technique be used with BottomNavigationBar?

[@MrLefteris3000]

Hello, Great tutorial!!!
I am using the first method you explained in your video, the problem is I want to pass a List of names, how would i do that? thanks in advance!!!

[@ricksondpenha]

Hi can you make a video on navigator 2.0...

[@rammehar5531]

Hi, please make a video on Navigator 2.0 with real world example! It will be highly appreciated

[@kalderDean]

Thaaaaaaaankssssss

[@ecarlosbc]

Worked perfect for me, but i had to cast the variable args to pass values to the screen: final args = settings.arguments as Map;

great tutorial! one thing though: the error page example is a little artificial, if an argument is of a wrong type, you rather want an early error as it is a bug, the error page would mask this. also a class with a singe static function is still just a function, it doesn’t really matter where you put it.

[@BURN-ADDiCT]

Guard clause

[@abhishekbedi1432]

Excellent tute! Is it possible to pass the dynamic params from platforms like iOS-like FlutterViewController.swift?

[@mahmudulhasanfarhan156]

Awesome tutorial. But I have one question, If I want to access the second page by typing the URL on the browser (not by clicking on the Button), how to write the route name and pass the arguments?

[@eron.amorim]

Great tutorial! Just one question... If my add do have 3 or more pages, it'll be '/second/third' or just '/third' ??

[@marielxenovia3062]

Just /third.

[@adnankazi9572]

Perfect video just wanted to know how to i use Navigator.popUntil(context,pageRoute) using this method i am getting error

[@MrProgrammer101]

You can't

[@KittehBit]

Love the tutorial and also your font and color scheme for VSCode!
Could you share what font and color thing that is? :3

[@Malaq4822]

u found it?

[@kiliandanckaerts702]

the font is Fira Code

[@chiragsolanki8864]

Nice Explanation Brother,
One Small question by using this approach how we can get data back from next screen.
e.g If I want to get some data in first screen while user come back from next screen.

[@rolandogarcia3230]

Master

[@holaahora7527]

And how can I do to pass multiple data? Or even a custom class that I created? Thanks!

[@free_intertaining]

what about web? suppose i have login and home page i want to check if the user hasn't been logged in show them login page other wise show home page, so every time when i refresh the page it goes to initialRoute no matter what happened before. what should i do?