Sync URL with Navigator 2.0 in Flutter Web Project | i tried my best...

[@cristyshorasd]

This video should be added to the original article as "more information". I was not fully understanding the article but then I found this video and now every thing is clear. Thanks and keep up with your work!

[@pradeep422]

the best nav 2.0 tut untill today....ur the best...

[@LearnFlutterCode]

Thank you for the kind words!

[@paulgibson7202]

Brilliant Tutorial. Navigator 2.0 is very complicated but you explain it well, thank you.

[@LearnFlutterCode]

Glad it was helpful!

[@prathamjaiswal2512]

Very well explained Thanks

[@rydmike]

Thanks, really nice tutorial on Web navigation with Flutter Navigator 2.0, but gosh feels quite verbose and complicated. I am sure there will be a lot of opportunity to create packages thar simplifies it. And as mentioned some packages already manages to deal with Web navigation using Nav 1, and they are a lot simpler than this. Still I am going to give this a trial run in test project as well. Very nice video though! 👍🏻💙

[@MovieSocial]

Thanks for the video. So far no tutorial has shown how well this will work with more than 2 to 3 pages. Do you have any ideas?

[@LearnFlutterCode]

what do you mean by more than 2 to 3 pages? Do you mean, for example, 3 pages like home, settings, and book details page?

[@MovieSocial]

@@LearnFlutterCode yes I did see it is possible but with nesting but it seams pointless do you think you will do a video on it?

[@honfey]

I wanna develop a flutter web and make it like normal websites to use URL to pass some information, e.g: id=1&type=B&status=pending, Navigator 2.0 can do that? It seems very complicated, any better alternative?

[@shazitechs8382]

Does navigating back and forth after a page refresh works with it?

[@calvinalfredo]

I just started learning flutter and this is still by far the best tutorial for navigator 2.0 in my opinion. I have a question though, is it possible to use nested navigators to switch between pages using this approach? By the way I see it, since we're using MaterialApp.router to setup the navigator initially, I'm quite confused on how to setup another MaterialApp.router inside the existing MaterialApp.router to handle separate state for the nested pages (in my case pages that are stored inside each navigation bar if for say, I have a bottom navigation bar inside my web app).

[@sonxuannguyen1207]

Is it possible to implement deep-linking without Navigator 2.0?

[@AbhideepChakravarty]

Thank you for explaining it with so much of patience. But looking at the complications created by just having two pages (so many ifs and elses), I think its going to be a nightmare for a normal app. May be there is a cleaner way to code it, but certainly Flutter created a HUGE todo items just have navigation right.

[@LearnFlutterCode]

The new navigator gives finer control on how you want to show your screens, which explains the complexity. This is for sure not for beginners or simple apps.

[@AbhideepChakravarty]

@@LearnFlutterCode This is my third day in Flutter and i am doing front end coding after 11 years. Your video helped. But I feel with the grown up app, things will be much more complex.

[@BooleanDev]

you should try this again with the Beamer package

[@Shariar420]

i am trying to develop an office management system where i need to go detail page most of the time. So do i have to write this routing codes for every models repeatedly(In this case you wrote only for book and it's detail page)? Is there any common global way where i can send id to the url for different model detail pages(i.e book-detail, employee-detail, client-detail, etc)?

[@ExtraServingsBTS]

ugh. well done. my hero.

[@LearnFlutterCode]

your welcome sir

[@farizamohsin4039]

I have a question!! How can we open every page in new tab in flutter web? Is this possible??

[@ExylonTeam]

Is there any way to put async guards to the routes? To prevent unauthentificated users to reach a route?

[@LearnFlutterCode]

You can have a future or stream provider at the top of your widget tree and listen to the auth service, and pass down to your widgets

[@mohammadzarkasi]

very good but, can it still compiled to native mobile app without any modification?

[@LearnFlutterCode]

I believe so

[@t0ddu]

i don't get it what's the deal with the current configuration and set new route, i mean what's called first because they seem to work in inverse order. current config basically takes your state variable and use them to set a BookRoutePath model and set new route take a BookRoutePath Model and then sets your state variable.

[@pradeepg4498]

How to clear browser history

[@mshvsh]

Great! Ty!

[@LearnFlutterCode]

Glad you like it Timur!

[@bluetim6848]

is the forward button on browser working after click back button?

[@LearnFlutterCode]

Yes, it works

[@robertchan3037]

The app works well except pressing the browser's "back" button does not go back to the previous page (URL does change though). Could you please let me know how to fix that? I tested that in Chrome, and using master channel

[@robertchan3037]

Update: Switched 1.22.3 (stable channel) works

[@FlutterShipp]

Love the content, but when exporting the video please increase the speed to 1.25x

[@innovationsapps5601]

Thanks for this video, but Getx has friendly urls with browser history for over 1 year ago, when Flutter didn't even think about doing something like that, and it's much easier. I will continue with that, Navigator 2.0 is not something that will catch on, imagine applications with 30 screens using this? It doesn't seem viable to me.

[@shazitechs8382]

Navigating back and forth after a page refresh doesn't work with GetX

[@LearnWithHibaNoor]

@LearnFlutterCode please explain this nested routing to us which is demonstrated here: gist.github.com/johnpryan/bbca91e23bbb4d39247fa922533be7c9