Тёмный

Flutter Sailor Navigation Tutorial - The Simplest Navigator Library? 

Reso Coder
Подписаться 113 тыс.
Просмотров 17 тыс.
50% 1

📗 Learn from the written tutorial 👇👇
resocoder.com/flutter-sailor-...
🎯 The biggest Flutter conference in Europe 👇
fluttereurope.dev
👨‍💻 Do you write good code? Find out now!
resocoder.com/good-code-quiz
Flutter is known for its extensible built-in navigation. Even by using the default Navigator, you have a couple of options:
Instantiating the so called "page widgets" directly.
Use simple mapped named routes.
Set up more elaborate named routes with the ability to pass in custom arguments.
Sometimes though, it's good to bring in more structure into navigation. Instead of inventing ways of how to safely pass values between routes, you can use parameters and arguments in Sailor. Instead of reinventing the wheel with custom route transitions and logging for debugging purposes, you can let Sailor to do the heavy lifting for you.
Go to my website for more information, code examples, and articles:
● resocoder.com
Follow me on social media:
● / resocoder
● / resocoder
● / resocoder

Опубликовано:

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@sarusethi987654321
@sarusethi987654321 4 года назад
Thank you for doing a tutorial on my library. Appreciate it man! 🙂 I will see what can be done to make params more type safe. Also more features are coming soon 😉
@kaarimtareek
@kaarimtareek 4 года назад
Thank you for this amazing library 👍
@ResoCoder
@ResoCoder 4 года назад
Thanks Gurleen! You're doing an awesome job.
@rydmike
@rydmike 4 года назад
Gurleen Sethi Thanks for making this lib!
@cholasimmons
@cholasimmons 3 года назад
i'll take it by all the gratitude being given... it's not taxing on the system more than native navigation? thanks too!
@nosmirck
@nosmirck 4 года назад
16:53 "Let's now move to arguments, which are in my opinion the much*&*&$#&#&$#&$#*$&#*$" Holy sh*t! that jump scared me!
@iamfirdous
@iamfirdous 4 года назад
Yeah bro, that scared the shit out of me.
@ResoCoder
@ResoCoder 4 года назад
OK, now I heard it. That's really some jump scare stuff. Gotta fix the mic sample rate! Guys, I don't know if I'm deaf but I hear just a small pop. Nothing to 💩 my pants with 😅
@user-ef9hn2gw2g
@user-ef9hn2gw2g 4 года назад
God... xD Scared the shit out of me, had to double check if it was from the youtube and got scared twice X)
@elherediaenc
@elherediaenc 4 года назад
You are one of the Best Flutter Content creators out there. Between Division and Sailor, I don't want to use any default styling or navigation on my projects, hehe.
@FilledStacks
@FilledStacks 4 года назад
Nice one! I'm looking for some better navigation libraries. Will definitely see how this feels in a large code base. Keep it up.
@easazade
@easazade 4 года назад
great tutorials, mat. please keep them coming.
@dalinarkholin4169
@dalinarkholin4169 4 года назад
Awesome stuff as usual!
@rydmike
@rydmike 4 года назад
Nice video, thanks! I was not aware of this Navigation package, seems to be fairly new and already very capable. As an idea for future tutorial and follow-up to your navigation tutorials: When navigation packages for Flutter grow in quantity (which I assume they will), it might be helpful to have some kind of comparison of them, eg Flutter standard named routes vs Fluro vs Sailor vs "NNN". Where one could compare pros/cons of each one and give recommendations on when you might want to use a certain package or just stick to Flutter standard navigation, which after all is fairly extensive and capable as well. Getting rid of the context from navigation could be useful sometimes. I've tried Fluro, it is OK as well, Sailor looks fresh and very interesting too, certainly easy to make a route observer and custom animations with it, the mixin for the args is neat too. Most of the time I find that using standard named routes in Flutter and setting up generateRoute function with named routes and defining consts for the route names of course, is enough. You can also setup static const id:s for your routes in each Widget with a route. Not really needed, but it just makes it super easy to remember them, especially if all your routes use the same principle, e.g. like "static const ScreenOne.id = kScreenOne;" where the static class const refers to the const string name in question. Which you can then setup for all routes in one const file for easy updates. When you have over 100 of them it helps if they are in one place. You can of course do class based arguments with Flutter standard named routes as well fairly easily, like I do believe you show in another tutorial as well. Changing transitions is totally doable too, but a bit tedious. I made a concept setup where Android and iOS by default use their platform page transitions, but web/desktop uses no transitions by default,, Users can then in the App settings change it so that e.g. iOS standard page transitions are used on Android or Web/Desktop platform instead, if they for some reason want to do that. :) It was actually easier to do than I thought it would be, but that was mostly because I could hook it into a very extensive in app custom theme builder that I had already implemented.
@ShadowInfest
@ShadowInfest 4 года назад
Attending the websummit in lisbon this week but will check it out afterwards for sure 🤘 keep up the amazon work 🔥😊
@ShadowInfest
@ShadowInfest 4 года назад
If you want to support our idea check out lauratheapp.com or search for "laura" in the app and Googleplay Store 🤪😉
@swplogic4158
@swplogic4158 4 года назад
Great!
@aytunch
@aytunch 4 года назад
Hi thanks for this library which makes the code much more readable:) Does working with Hero's have any advantages/disadvantages using Sailor?
@deepaknayak6715
@deepaknayak6715 3 года назад
Almost got a heart attack at 16:53
@peekpt
@peekpt 4 года назад
Nice plugin Reso. NodeJSish style. But I think it's a bit over coding. Not if you need that fancy extra features. Especially the last animation LOL. thank you for great work! cheers
@eduardoholzmann853
@eduardoholzmann853 3 года назад
sailor lossing passed params on reload, any way to persist params?
@YazeedAlKhalaf
@YazeedAlKhalaf 4 года назад
Where is the link
@iamfirdous
@iamfirdous 4 года назад
I think you should re-upload this video, content is really good and easily understandable but at 16:53 there's some noise, and it scared the shit out of me. The reason it should be re-uploaded is that many cardio patients might be watching this video.
@ResoCoder
@ResoCoder 4 года назад
I hope we won't get any heart attacks here 😄
@Manuel-yw3gc
@Manuel-yw3gc 4 года назад
Haha, same here.
@magicianam1563
@magicianam1563 4 года назад
What is the difference between fluro and sailor ?
@jd31068
@jd31068 4 года назад
ah yes, this route mechanism looks promising.
@sweet-sinner
@sweet-sinner 4 года назад
I almost farted at 16:54
Далее
Redrawing my Cringe Old Art
8:56
Просмотров 118
Flutter SVG Animations With Rive
1:00:44
Просмотров 33 тыс.
Bloc Library - Painless State Management for Flutter
24:54
Riverpod 2.0 - Complete Guide (Flutter Tutorial)
1:03:37
Просмотров 109 тыс.