Flutter GoRouter Tutorial - Easy Navigation Tutorial using GoRouter

💼 Book a meeting: cutt.ly/Pegxp5rA
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
This video will teach you everything you need to know about navigation in Flutter using the Go Router package. We will learn how to setup Go Router, configure declarative routes, attach go router to our material app, and navigate to different pages/screens within our Application using Go Router. We will also take a look at working with go and push function available on Go Router and how to pass path parameters, query parameters and extra parameters to a route using Go Router. Furthermore, you will get a thorough understanding of the capabilities of Flutter Go_Router package and how to use it to its maximum potential. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about Go Router based navigation for their Flutter applications.
Resources:
Source Code: cutt.ly/9w0tqRqW
Go Router: pub.dev/packages/go_router
Modular UI: pub.dev/packages/modular_ui
Socials:
Website: hussainmustafa.com
Github: github.com/hussain-mustafa990
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: www.buymeacoffee.com/hussainm...
#flutter #learnflutter #fluttercourse #fluttertutorialforbeginners

[@brujala1775]

Right to the point 👍👍👍

[@m_hussain_mustafa]

Thank you. :)

[@oyewumimarvellous]

Well explained... Thanks Hussain Mustafa🥰💖

[@m_hussain_mustafa]

Thank you very much 😊

[@marufhassan634]

Amazing explanation. Please go into more details in the next video and cover everything else like params, qyeryparams, deeplinks etc.

[@m_hussain_mustafa]

Thanks will do.

[@parthrathod625]

Btw great explanation!!!
Please make a playlist on complete Projects using Flutter 🙏🏻

[@m_hussain_mustafa]

Hi,
I will keep your suggestion in mind and implement it.

[@leleemagnu6831]

Great tutorial. Very much appreciated. Thank you!

[@m_hussain_mustafa]

You’re welcome ☺️

[@Seyanhyriu]

Great video. Thank you.

[@m_hussain_mustafa]

You are welcome!

[@gheorghepascu4726]

Top! 🚀🚀🚀

[@m_hussain_mustafa]

Thanks. :)

[@jagajaga6908]

thank you🙏🏻🙏🏻🙏🏻 Very helpful video!

[@m_hussain_mustafa]

You’re welcome

[@MuhammadAhmad-zc1il]

Please create a video on Bluetooth scaning and connection with devices to transfer data....

[@xxThemoritzxx]

how can i get a callback when a page is closed? e.g. handle a refresh

[@RonyHassan47]

Awesome one

[@m_hussain_mustafa]

Thank you. 🙏

[@Mhmd_SHA]

Thank you Sir😶‍🌫

[@m_hussain_mustafa]

You’re welcome 😇

[@HarshGupta-ws4yc]

nice explanation

[@m_hussain_mustafa]

Thanks and welcome

[@karolr8469]

Hey, can you explain what is a difference between "extra" and "pathParameters" and when to use which?

[@m_hussain_mustafa]

I believe if you can achieve the intended functionality of passing data to your route using pathParameters then just use them. A good use case for extra would be if you'd like to pass a certain instance of a class to your route, since this cant be done using pathParameters using extra in this case would be a good decision. Hope this helps. :)

[@avinashgangaji4709]

Well explained, is it best approach to manage the navigation using goRouter for big scale applications? Or is there any other better approach for managing navigation of bigger application?

[@m_hussain_mustafa]

I think go router is the best routing package available for flutter in my opinion.

[@BilawalMehfooz]

Can you make a video on implementing bottom nav bar using go_router. Like what should we do if we don't want to hide nav bar in nested child sub routes

[@m_hussain_mustafa]

Hi,
That is not what Go_Router is built for. The navigation logic for bottom nav bar is completely different than navigating from one page to another.

[@BilawalMehfooz]

@@m_hussain_mustafa we can implement the bottom navigation logic with stateful shell route that is available in go_router package

[@m_hussain_mustafa]

@@BilawalMehfooz If that is the case then thanks for letting me know. I’ll take a look at it and try to create a tutorial on that. Thanks for letting me know appreciate it. :)

[@upendrakaranth4101]

When I trigger hot reload my app will navigate back to starting screen. can you please help me to fix it

[@m_hussain_mustafa]

Do you mean when you restart the app? Or do you actually mean just hot reload. When you restart the app all state is lost so it will show the initial route

[@upendrakaranth4101]

@@m_hussain_mustafa nope I'm talking about hot reloads

[@muhammaduzair6822]

@@m_hussain_mustafa I am actually facing the similar issue, when I hot reload the app, it starts from the begining. Not restart, i am talking about hot reload functionality.

[@prasadmusini8452]

Good explanation but bit of rush

[@m_hussain_mustafa]

Thanks Noted! Will try to keep this in mind for future videos.

[@clarkhustle]

@@m_hussain_mustafa in my opinion pace was just perfect!

[@pyaesonehan19]

[@m_hussain_mustafa]

Thanks 🙏