Flutter Routes & Navigation - Parameters, Named Routes, onGenerateRoute

  Рет қаралды 199,004

Reso Coder

Reso Coder

5 жыл бұрын

📗 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

Пікірлер: 176
@donaldparkerii
@donaldparkerii 4 жыл бұрын
another great tutorial, you've not only done a great job teaching but also at production standards coding, THANK YOU SO MUCH
@ResoCoder
@ResoCoder 4 жыл бұрын
Thank YOU for watching!
@DevGamer19
@DevGamer19 4 жыл бұрын
This is indeed the best tutorial for Flutter Routing. Clean code and very good explanation. Thank you!
@bm2ilabs
@bm2ilabs 4 жыл бұрын
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
@officialismailshah
@officialismailshah 2 жыл бұрын
Man!!!!! You are blessing for flutter developers.... You are playing big rule in flutter community... Keep doing great stuff....
@docdsmc6639
@docdsmc6639 4 жыл бұрын
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
@Juliapak Жыл бұрын
I'm having that issue right now!!
@myrtasz1036
@myrtasz1036 4 жыл бұрын
Thanks, one of the best programming tutorials I've ever seen
@coding_den
@coding_den 2 жыл бұрын
Probably the best explanation of basic routing in Flutter that I've seen 🙌🏼
@zaytoons
@zaytoons 4 жыл бұрын
Thank you so much! Exactly what I was looking for. Keep up the good work! 👍🏻
@allanjuan1149
@allanjuan1149 4 жыл бұрын
Great tutorial. Clear, informative and straight to the point. Thanks a lot for sharing
@tadaspetra
@tadaspetra 4 жыл бұрын
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
@ramioooz
@ramioooz 5 жыл бұрын
Simple, nice and straightforward. great video pro 👍
@shivkumar7496
@shivkumar7496 4 жыл бұрын
Thanks a lot...u explained so well, u saved my time by explaining routing clearly.
@akshaychopra96
@akshaychopra96 2 жыл бұрын
You are the best! Thanks for making flutter for complex apps so easy :)
@danielduvana
@danielduvana 4 жыл бұрын
This was a perfect tutorial! Thanks!
@AdriSinaga
@AdriSinaga 4 жыл бұрын
Wow, your explaination so clear. Thank you
@murtazavohra360
@murtazavohra360 4 жыл бұрын
This is exactly the video I needed Thanks!!
@Vellutia
@Vellutia 4 жыл бұрын
Oh no.. I miss this tutorial, my project is already like half done :'(
@KrySquiky
@KrySquiky 3 жыл бұрын
Thank you very much, your tutorial is very great. It will help me a lot for my school project! :)
@RossiMurilo
@RossiMurilo 4 жыл бұрын
Pretty clear! Thanks a lot!
@a.d7627
@a.d7627 3 жыл бұрын
Great tutorial! thanks for opening my routes horizons :)
@lunargixx6867
@lunargixx6867 5 жыл бұрын
Awesome tutorial. You explained it so well.
@mdmarcaassport
@mdmarcaassport 3 жыл бұрын
What a voice men.
@FilledStacks
@FilledStacks 5 жыл бұрын
Very helpful tutorial. Thanks for the video.
@Makayasa
@Makayasa 4 жыл бұрын
Well prepared tutorial, love your teching method
@the_one_named_harris
@the_one_named_harris 5 жыл бұрын
Very helpful video! Thanks a lot!
@bluecodes5881
@bluecodes5881 4 жыл бұрын
Thanks for such an awesome tutorial!
@chrisp267
@chrisp267 5 жыл бұрын
Great stuff! Thanks!
@AhtramTube
@AhtramTube 4 жыл бұрын
Great tutorial! Thank you!
@johnkaicher2073
@johnkaicher2073 2 жыл бұрын
Thanks... best explanation of onGenerate and Flutter routing on You Tube
@mihirmodi1936
@mihirmodi1936 3 жыл бұрын
Excellent explanation. Loved it. Thanks.
@AVACLOUDADDA
@AVACLOUDADDA 3 жыл бұрын
Great tutorial. It clears my all doubt. Thanks
@sephyshen2510
@sephyshen2510 5 жыл бұрын
very helpful video. thank you RC.
@monadmantis7472
@monadmantis7472 3 жыл бұрын
your tutorials are awesome. I have liked this video and subscribed. you are a giant among men!
@pravinromano8774
@pravinromano8774 2 жыл бұрын
thank you for the wonderful tutorial on page routes and navigation sir, thank you
@dewas6237
@dewas6237 4 жыл бұрын
your channel so help me a lot thanks bro!
@FranciscoJunior29
@FranciscoJunior29 5 жыл бұрын
Great! Thank you!
@johncerpa3782
@johncerpa3782 3 жыл бұрын
Great video, man. Thank you so much
@shivampokhriyal_
@shivampokhriyal_ 3 жыл бұрын
Great tut on Routes :D
@liorpolak1391
@liorpolak1391 3 жыл бұрын
Outstanding tutorial!
@mdmarcaassport
@mdmarcaassport 3 жыл бұрын
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
@WESLEYNFSMW 3 жыл бұрын
Thanks bro, another sub from Brazil 😁
@WorstDeveloper
@WorstDeveloper 4 жыл бұрын
This was really helpful. I will implement it in my application. Is this way still the recommended approach?
@sanathnherath
@sanathnherath 5 жыл бұрын
very helpful, thanks
@IreshDissanayakaM
@IreshDissanayakaM 5 жыл бұрын
thank you!
@csgokul
@csgokul 4 жыл бұрын
Just wow .... Thanks for this awesome tut ...
@brunopereira9905
@brunopereira9905 5 жыл бұрын
Very nice tutorial man! Helped me a looot.
@ResoCoder
@ResoCoder 5 жыл бұрын
I'm glad it did!
@thothtrismegistus929
@thothtrismegistus929 4 жыл бұрын
what about fluro package?
@iced87
@iced87 4 жыл бұрын
so, I applied what you did in this video and it works flawlessly; however, I am currently facing an issue with using popUntil
@lindermannla
@lindermannla 5 жыл бұрын
Greate tutorial! Thnxz!
@golfgolf7161
@golfgolf7161 Жыл бұрын
The best video about navigation on youtube! Can you explain when use push, pushReplacement, pushAndRemoveUntil? GL
@kennyho6222
@kennyho6222 2 жыл бұрын
This is great. thank you!
@ivan.arenas
@ivan.arenas 4 жыл бұрын
muchas gracias !! !! ! !! !! !! !!! saludos desde colombia
@aravind.a
@aravind.a 3 жыл бұрын
Really awesome tutorial on flutter navigation 👍🎉🔥
@VitorFThome
@VitorFThome Жыл бұрын
Thank you!
@BillyMahmood
@BillyMahmood 5 жыл бұрын
Great tutorial, please can you show us how to add route guards?
@jmbartho1
@jmbartho1 4 жыл бұрын
Great video thanks!
@riyoua
@riyoua 4 жыл бұрын
Great Tutorial ... thanks a lot
@MycoDan
@MycoDan 5 жыл бұрын
Awesome thanks
@rasan97
@rasan97 2 жыл бұрын
Thank you, kind sir.
@user-mz4kk7ry2v
@user-mz4kk7ry2v 5 жыл бұрын
thank you :)
@fixocsolutions2695
@fixocsolutions2695 3 жыл бұрын
thanks bro helped a lot
@shashanksm6327
@shashanksm6327 3 жыл бұрын
Great videos , keep up the good work :)
@animesgeekbr
@animesgeekbr 5 жыл бұрын
awesome!
@MubashirAR
@MubashirAR 3 жыл бұрын
For anyone using flutter for web, replace final args = settings.arguments; with final name = settings.name; and switch(args) with switch (name)
@mateenmehmood5675
@mateenmehmood5675 2 жыл бұрын
Awesome Content. Incredible
@brunofrancosentis5148
@brunofrancosentis5148 2 жыл бұрын
thanks!
@aytunch
@aytunch 5 жыл бұрын
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
@dimitristotsios2292 5 жыл бұрын
flutter.dev/docs/cookbook/navigation/returning-data#nope-button see the answers here as a start point.
@angelofopa
@angelofopa 4 жыл бұрын
Thanks
@341414
@341414 4 жыл бұрын
Thank you for this beautiful video training. What'ss about onUnknownRoute?
@bioscopetales
@bioscopetales 2 жыл бұрын
Thanks buddy
@vathnadev5570
@vathnadev5570 5 жыл бұрын
Nice!
@munasikder1548
@munasikder1548 2 жыл бұрын
great tutorial.. Thanks...........
@abdechahidihya5360
@abdechahidihya5360 3 жыл бұрын
I love you man.
@brianmartindunn
@brianmartindunn 3 жыл бұрын
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
@nooralibutt2690 3 жыл бұрын
Map or make a class of arguments
@BartWentink
@BartWentink 3 жыл бұрын
@@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?
@balaganesh3440
@balaganesh3440 4 жыл бұрын
Awesome...
@FranzSchwanauer
@FranzSchwanauer 4 жыл бұрын
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.
@aguninghamidou9969
@aguninghamidou9969 3 жыл бұрын
very good tutorial
@peekpt
@peekpt 5 жыл бұрын
Nice! Tks
@UnSet
@UnSet 3 жыл бұрын
muito bom
@harrazmasri2805
@harrazmasri2805 Жыл бұрын
awesome
@Blackday2010
@Blackday2010 4 жыл бұрын
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?
@paulohenriquepereiraolivei5510
@paulohenriquepereiraolivei5510 4 жыл бұрын
Very nice
@eron.amorim
@eron.amorim 4 жыл бұрын
Great tutorial! Just one question... If my add do have 3 or more pages, it'll be '/second/third' or just '/third' ??
@marielxenovia3062
@marielxenovia3062 4 жыл бұрын
Just /third.
2 жыл бұрын
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
@BURN-ADDiCT 2 жыл бұрын
Guard clause
@syedmuheeb2409
@syedmuheeb2409 3 жыл бұрын
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!
@Adam-xr6fj
@Adam-xr6fj 4 жыл бұрын
How can this technique be used with BottomNavigationBar?
@KittehBit
@KittehBit 4 жыл бұрын
Love the tutorial and also your font and color scheme for VSCode! Could you share what font and color thing that is? :3
@Malaq4822
@Malaq4822 Жыл бұрын
u found it?
@kiliandanckaerts702
@kiliandanckaerts702 2 ай бұрын
the font is Fira Code
@JM-ip9fe
@JM-ip9fe 3 жыл бұрын
Cool
@MrLefteris3000
@MrLefteris3000 2 жыл бұрын
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!!!
@adnankazi9572
@adnankazi9572 4 жыл бұрын
Perfect video just wanted to know how to i use Navigator.popUntil(context,pageRoute) using this method i am getting error
@MrProgrammer101
@MrProgrammer101 2 жыл бұрын
You can't
@rammehar5531
@rammehar5531 3 жыл бұрын
Hi, please make a video on Navigator 2.0 with real world example! It will be highly appreciated
@chiragsolanki8864
@chiragsolanki8864 2 жыл бұрын
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.
@kalderDean
@kalderDean 4 жыл бұрын
Thaaaaaaaankssssss
@Luca-re3ve
@Luca-re3ve 2 жыл бұрын
very good tutorial, how should i proceed if i have first page and second in 2 different files?
@mahmudulhasanfarhan156
@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?
@kubecon
@kubecon 4 жыл бұрын
I like your VS Code theme and font. Mind sharing it. 😊
@kiliandanckaerts702
@kiliandanckaerts702 2 ай бұрын
the font is Fira Code
@hardikdesai7693
@hardikdesai7693 4 жыл бұрын
SUBSCRIBED :)
@ecarlosbc
@ecarlosbc 3 жыл бұрын
Worked perfect for me, but i had to cast the variable args to pass values to the screen: final args = settings.arguments as Map;
@thamastersmooth
@thamastersmooth 3 жыл бұрын
what if I want to return a list on the second page by button?
@ricksondpenha
@ricksondpenha 3 жыл бұрын
Hi can you make a video on navigator 2.0...
@rafidev2099
@rafidev2099 5 жыл бұрын
Great tutorial Thank You ;) ps. any idea how to sent multiple data? More than one arguments?
@ResoCoder
@ResoCoder 5 жыл бұрын
You have to group them, for example, into a Map.
@dimitristotsios2292
@dimitristotsios2292 5 жыл бұрын
arguments is of type Object, so you can pass a list of arguments
Flutter Testing Guide for Beginners - Part 1: Unit Tests & Setup
1:00:28
1 or 2?🐄
00:12
Kan Andrey
Рет қаралды 50 МЛН
Русалка
01:00
История одного вокалиста
Рет қаралды 4,7 МЛН
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 105 МЛН
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 4,2 МЛН
Pragmatic State Management in Flutter (Google I/O'19)
33:25
Flutter
Рет қаралды 447 М.
Type-Safe Navigation with the OFFICIAL Compose Navigation Library
10:03
Flutter Tutorial - Bottom Navigation Bar | The Right Way | Without Routes
10:26
Flutter State Management - The Grand Tour
14:07
Fireship
Рет қаралды 237 М.
Complex Animations in Flutter using Rive | Flare
15:44
FilledStacks
Рет қаралды 224 М.
Chapter 11 - Navigation & Routing || Flutter free bootcamp 2022
54:09
The Tech Brothers
Рет қаралды 16 М.
Practical Functional Programming in Dart & Flutter
37:12
Reso Coder
Рет қаралды 13 М.
🖥📱RESPONSIVE DESIGN • Flutter Tutorial
8:03
Mitch Koko
Рет қаралды 271 М.
1 or 2?🐄
00:12
Kan Andrey
Рет қаралды 50 МЛН