Flutter Web Custom URL and Deep Navigation
HTML-код
- Опубликовано: 6 авг 2024
- A follow along tutorial for Flutter web that shows you how to improve Flutter web navigation functionality. We create a custom url path and perform nested routing in Flutter web.
0:00 - Intro
0:37 - Start project overview
1:19 - Flutter web custom and dynamic path urls
2:17 - Flutter course
2:26 - Flutter Website Nested Routing
Github source: github.com/FilledStacks/academy
Let's work together 👉 calendly.com/danemackier/1-on... Наука
You uploaded 3 videos in one day, wow 😂
Your tutorials are the best as usual
Can't wait for the full course 👌🏽
Haha 😄 yeah, I figured it would be best to have it all out because they're all quite valuable to each other.
I hope you enjoy the videos. I appreciate you watching.
Excellent presentation!
Thank you. I'm happy that you enoyed it.
Very nice content. Thanks.
I'm really happy that you enjoyed it. Thanks so much for watching and leaving a comment.
This video is gold🏆
Yeeeaaaah!! I'm very happy to hear that. Tried to make it as compact as possible with a lot of information in it.
Excellent content. I've been waiting for months. Since the day I started stacked, I never looked back! I was waiting for you to come up with a way to deal with dynamic urls. Will this work on mobile too ?
Thank you, thank you, thank you! I appreciate the patience in waiting. And yes, this will work on mobile without any changes required. Eventually I will probably merge them together.
Wow❤
Thanks for watching and leaving a comment! 💙
Nice! But one thing that I miss here are transition. If it should be compatible with mobile then it's handy to configure transitions directly on the router.
Yup, I didn't add that in here because the video wasn't dedicated to that. You can use an Adaptive route in app.dat which will use the transition for the platform, or you can supply a transition to the route or when you call animate.
Excellent work you have done. I loved it, will this work on Mobile apps coz navigation is different there.
Thank you and thanks for watching.
And Yes, mobile will work exactly the same. This is simply because of the url paths and direct navigation.
Mobile works as is with no changes 😁
can I approach this if I am using getX ? I mean getX and stacked can work together?. I want to see stacked for routing and for all other thing I want to use getX
You probably can but you'll lose all the benefits of stacked so I wouldn't advise it.
Stacked routing is a fork of auto_route so you should be able to use it the same as I show in this video.
what if my code if for mobile and web, do i make a seprate branch for mobile and do its navigation differently or use same navigation for both mobile and web.
You use the same approach.
This approach works for mobile and web.
@@FilledStacks thank you, great tutorials
I didnt watch the video yet but it seems sick also in the playlist as i can see there is 2 deleted videos, are you thinking to reupload, thank you, i need flutter web boost for emergency :DDDD
Thanks for leaving a comment. Those deleted videos I don't know how to remove.
I uploaded the wrong version of the videos twice and already added it to the playlist. Then when I deleted the videos an re-uploaded I could never remove it from the playlist again. So there's no actual extra videos, it's just a bug on youtube where I can't tell the playlist not to include those videos anymore. It's part 1 and 2 that I uploaded and then deleted to re-upload after fixing some sound issues.
@@FilledStacks thank you, im sorry that youtube is still has a bug like this but for me it feels good to not missing anything 😁 , keep it up please!
@@fakdapeditz4937 I'll try my best to do so. Gonna switch gears to different types of content for a bit. But I'll be making more content.
Hi, I am unable to navigate when I pass the url manually from search bar. It gives error
“Invalid argument: Maximum call stack size exceeded”
Actually I am integrating stripe in flutter web using nodejs for backend and on success url I pass the url with params values but it gives the error which I sent you.
Please help me solve this it’s very urgent.
I've got no idea, that error could be many things.
Sounds like you have an infinite loop somewhere.
Put a breakpoint in your logic and see how many times it's being called.
@@FilledStacks thanks already resolved
@@mehrozsheikh6213 awesome 🤜
this is all great and dandy but pleaaassseee tell me how to fix the god damn scrolling in flutter web.. you cant even scroll smoothly with a mouse on the web😭😭😭😭
Hahahaha 🤣🤣 I will figure it out and share a solution with you 😄
Did you build your website using flutter?
No, my blog is a website, which Flutter is not for. It's only meant for web applications. All web apps I'll be building will use Flutter web, but not any websites.