Flutter Routes & Navigation - Parameters, Named Routes, onGenerateRoute

📗 Learn from the written tutorial 👇👇
resocoder.com/...
👨‍💻 Do you write good code? Find out now 👇
resocoder.com/...
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!

[@officialismailshah]

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

[@golfgolf7161]

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

[@coding_den]

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

[@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

[@mdmarcaassport]

What a voice men.

[@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

[@myrtasz1036]

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

[@johnkaicher2073]

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

[@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

[@WESLEYNFSMW]

Thanks bro, another sub from Brazil 😁

[@allanjuan1149]

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

[@monadmantis7472]

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

[@ramioooz]

Simple, nice and straightforward. great video pro 👍

[@Vellutia]

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

[@akshaychopra96]

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

[@pravinromano8774]

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

[@fakejimhalpert]

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

[@AdriSinaga]

Wow, your explaination so clear. Thank you

[@a.d7627]

Great tutorial! thanks for opening my routes horizons :)

[@zaytoons]

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

[@AVACLOUDADDA]

Great tutorial. It clears my all doubt.
Thanks

[@MubashirAR]

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

[@ivan.arenas]

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

[@liorpolak1391]

Outstanding tutorial!

[@shivkumar7496]

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

[@kennyho6222]

This is great. thank you!

[@FilledStacks]

Very helpful tutorial. Thanks for the video.

[@johncerpa3782]

Great video, man. Thank you so much

[@bluecodes5881]

Thanks for such an awesome tutorial!

[@mihirmodi1936]

Excellent explanation. Loved it. Thanks.

[@aravind.a]

Really awesome tutorial on flutter navigation 👍🎉🔥

[@mateenmehmood5675]

Awesome Content. Incredible

[@shivampokhriyal_]

Great tut on Routes :D

[@murtazavohra360]

This is exactly the video I needed Thanks!!

[@iced87]

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

[@fixocsolutions2695]

thanks bro helped a lot

[@rasan97]

Thank you, kind sir.

[@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.

[@Iamnooralibutt]

Map or make a class of arguments

[@BartWentink]

@@Iamnooralibutt 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?

[@RossiMurilo]

Pretty clear! Thanks a lot!

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

[@AhtramTube]

Great tutorial! Thank you!

[@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.

[@aguninghamidou9969]

very good tutorial

[@vfthome-yt]

Thank you!

[@dewas6237]

your channel so help me a lot thanks bro!

[@danielduvana]

This was a perfect tutorial! Thanks!

[@csgokul]

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

[@ThomazMartinez]

After 4 years is this still best?

[@Ishaahmed1687]

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

[@Makayasa]

Well prepared tutorial, love your teching method

[@abdechahidihya5360]

I love you man.

[@BillyMahmood]

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

[@jmbartho1]

Great video thanks!

[@shashanksm6327]

Great videos , keep up the good work :)

[@riyoua]

Great Tutorial ... thanks a lot

[@the_one_named_harris]

Very helpful video! Thanks a lot!

[@brunopereira9905]

Very nice tutorial man! Helped me a looot.

[@ResoCoder]

I'm glad it did!

[@thothtrismegistus929]

what about fluro package?

[@Hkp-z9x]

Awesome tutorial. You explained it so well.

[@chrisp267]

Great stuff! Thanks!

[@FranciscoJunior29]

Great! Thank you!

[@JM-ip9fe]

Cool

[@sephyshen2510]

very helpful video. thank you RC.

[@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!

[@bioscopetales]

Thanks buddy

[@Luca-re3ve]

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

[@sanathnherath]

very helpful, thanks

[@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!!!

[@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.

[@Adam-xr6fj]

How can this technique be used with BottomNavigationBar?

[@rammehar5531]

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

[@lindermannla]

Greate tutorial! Thnxz!

[@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?

[@brunofrancosentis5148]

thanks!

[@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

[@IreshDissanayakaM]

thank you!

[@paulohenriquepereiraolivei5510]

Very nice

[@ayushpgupta6243]

Easiest to understand routing

[@DelcoDan79]

Awesome thanks

[@kubecon]

I like your VS Code theme and font. Mind sharing it. 😊

[@kiliandanckaerts702]

the font is Fira Code

[@ricksondpenha]

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

[@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.

[@341414]

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

[@cholasimmons]

you sound like such a smooth operator! Making thousands of people watch your channel while you traffic drugs in your videos 😂

[@altevircneto]

awesome!

[@vathnadev5570]

Nice!

[@balaganesh3440]

Awesome...

[@WorstDeveloper]

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

[@angelofopa]

Thanks

[@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 :)

[@harrazmasri2805]

awesome

[@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

[@peekpt]

Nice! Tks

[@Magarovv]

What is your extension of theme? please... I thinked so beautiful

[@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;

[@holaahora7527]

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

[@abhishekbedi1432]

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