Flutter Routes & Navigation - Parameters, Named Routes, onGenerateRoute
Вставка
- Опубліковано 26 кві 2019
- 📗 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
This is indeed the best tutorial for Flutter Routing. Clean code and very good explanation. Thank you!
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
Great tutorial. Clear, informative and straight to the point. Thanks a lot for sharing
Thanks, one of the best programming tutorials I've ever seen
Thank you so much! Exactly what I was looking for. Keep up the good work! 👍🏻
another great tutorial, you've not only done a great job teaching but also at production standards coding, THANK YOU SO MUCH
Thank YOU for watching!
Probably the best explanation of basic routing in Flutter that I've seen 🙌🏼
Man!!!!! You are blessing for flutter developers.... You are playing big rule in flutter community... Keep doing great stuff....
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!
I'm having that issue right now!!
Simple, nice and straightforward. great video pro 👍
You are the best! Thanks for making flutter for complex apps so easy :)
Thanks a lot...u explained so well, u saved my time by explaining routing clearly.
Wow, your explaination so clear. Thank you
This was a perfect tutorial! Thanks!
your tutorials are awesome. I have liked this video and subscribed. you are a giant among men!
Awesome tutorial. You explained it so well.
Great tutorial! thanks for opening my routes horizons :)
Thank you very much, your tutorial is very great. It will help me a lot for my school project! :)
Very helpful video! Thanks a lot!
Pretty clear! Thanks a lot!
This is exactly the video I needed Thanks!!
Excellent explanation. Loved it. Thanks.
Thanks for such an awesome tutorial!
Thanks... best explanation of onGenerate and Flutter routing on You Tube
Great tutorial. It clears my all doubt.
Thanks
Well prepared tutorial, love your teching method
Great tutorial! Thank you!
Great video, man. Thank you so much
Great stuff! Thanks!
Outstanding tutorial!
Very helpful tutorial. Thanks for the video.
thank you for the wonderful tutorial on page routes and navigation sir, thank you
Thanks bro, another sub from Brazil 😁
your channel so help me a lot thanks bro!
What a voice men.
The best video about navigation on youtube! Can you explain when use push, pushReplacement, pushAndRemoveUntil? GL
very helpful video. thank you RC.
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
Just wow .... Thanks for this awesome tut ...
Great tut on Routes :D
Great! Thank you!
Great video thanks!
Really awesome tutorial on flutter navigation 👍🎉🔥
Awesome Content. Incredible
Great videos , keep up the good work :)
This is great. thank you!
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
Great Tutorial ... thanks a lot
Greate tutorial! Thnxz!
very helpful, thanks
Thank you!
muchas gracias !! !! ! !! !! !! !!! saludos desde colombia
thanks bro helped a lot
Thank you, kind sir.
Awesome thanks
thank you!
great tutorial.. Thanks...........
Oh no.. I miss this tutorial, my project is already like half done :'(
very good tutorial
I love you man.
This was really helpful. I will implement it in my application. Is this way still the recommended approach?
Great tutorial, please can you show us how to add route guards?
awesome!
thank you :)
so, I applied what you did in this video and it works flawlessly; however, I am currently facing an issue with using popUntil
Nice!
Very nice tutorial man! Helped me a looot.
I'm glad it did!
what about fluro package?
Nice! Tks
Awesome...
thanks!
Thanks buddy
Very nice
Thanks
Thank you for this beautiful video training. What'ss about onUnknownRoute?
awesome
For anyone using flutter for web,
replace
final args = settings.arguments;
with
final name = settings.name;
and
switch(args)
with
switch (name)
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?
muito bom
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.
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?
flutter.dev/docs/cookbook/navigation/returning-data#nope-button see the answers here as a start point.
Thaaaaaaaankssssss
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!
How can this technique be used with BottomNavigationBar?
Cool
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!!!
very good tutorial, how should i proceed if i have first page and second in 2 different files?
SUBSCRIBED :)
Hi, please make a video on Navigator 2.0 with real world example! It will be highly appreciated
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.
Worked perfect for me, but i had to cast the variable args to pass values to the screen: final args = settings.arguments as Map;
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?
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.
Map or make a class of arguments
@@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?
Love the tutorial and also your font and color scheme for VSCode!
Could you share what font and color thing that is? :3
u found it?
the font is Fira Code
how we can pass multiple data, like i want to send matchId.seriesId for same route
Great tutorial! Just one question... If my add do have 3 or more pages, it'll be '/second/third' or just '/third' ??
Just /third.
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.
Guard clause
And how can I do to pass multiple data? Or even a custom class that I created? Thanks!
Hi can you make a video on navigator 2.0...
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?
Excellent tute! Is it possible to pass the dynamic params from platforms like iOS-like FlutterViewController.swift?