Flutter GoRouter Tutorial - Easy Navigation Tutorial using GoRouter

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 มี.ค. 2024
  • 💼 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
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 41

  • @leleemagnu6831
    @leleemagnu6831 4 หลายเดือนก่อน +1

    Great tutorial. Very much appreciated. Thank you!

  • @oyewumimarvellous
    @oyewumimarvellous 4 หลายเดือนก่อน +2

    Well explained... Thanks Hussain Mustafa🥰💖

  • @Seyanhyriu
    @Seyanhyriu 2 หลายเดือนก่อน +1

    Great video. Thank you.

  • @parthrathod625
    @parthrathod625 4 หลายเดือนก่อน +3

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  4 หลายเดือนก่อน

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

  • @jagajaga6908
    @jagajaga6908 4 หลายเดือนก่อน +1

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

  • @marufhassan634
    @marufhassan634 หลายเดือนก่อน +1

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

  • @brujala1775
    @brujala1775 หลายเดือนก่อน +1

    Right to the point 👍👍👍

  • @gheorghepascu4726
    @gheorghepascu4726 26 วันที่ผ่านมา +1

    Top! 🚀🚀🚀

  • @xxThemoritzxx
    @xxThemoritzxx 3 หลายเดือนก่อน +1

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

  • @RonyHassan47
    @RonyHassan47 4 หลายเดือนก่อน +1

    Awesome one

  • @MuhammadAhmad-zc1il
    @MuhammadAhmad-zc1il 4 หลายเดือนก่อน +1

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

  • @HarshGupta-ws4yc
    @HarshGupta-ws4yc 4 หลายเดือนก่อน +1

    nice explanation

  • @Mhmd_SHA
    @Mhmd_SHA 4 หลายเดือนก่อน

    Thank you Sir😶‍🌫

  • @avinashgangaji4709
    @avinashgangaji4709 4 หลายเดือนก่อน +1

    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
      @m_hussain_mustafa  4 หลายเดือนก่อน +1

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

  • @karolr8469
    @karolr8469 3 หลายเดือนก่อน

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  3 หลายเดือนก่อน

      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. :)

  • @BilawalMehfooz
    @BilawalMehfooz 4 หลายเดือนก่อน +1

    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
      @m_hussain_mustafa  4 หลายเดือนก่อน

      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
      @BilawalMehfooz 3 หลายเดือนก่อน +1

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  3 หลายเดือนก่อน

      @@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
    @upendrakaranth4101 2 หลายเดือนก่อน +1

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  2 หลายเดือนก่อน

      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
      @upendrakaranth4101 2 หลายเดือนก่อน

      @@m_hussain_mustafa nope I'm talking about hot reloads

    • @muhammaduzair6822
      @muhammaduzair6822 2 หลายเดือนก่อน

      @@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
    @prasadmusini8452 4 หลายเดือนก่อน +1

    Good explanation but bit of rush

    • @m_hussain_mustafa
      @m_hussain_mustafa  3 หลายเดือนก่อน

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

    • @clarkhustle
      @clarkhustle 2 หลายเดือนก่อน

      @@m_hussain_mustafa in my opinion pace was just perfect!

  • @pyaesonehan19
    @pyaesonehan19 3 หลายเดือนก่อน +1