#6 - BLoC Access & Navigation - Local, Route & Global Access with BlocProvider

Подписаться 32 тыс.

Просмотров 61 тыс.

50% 1

Hi there!
Here's the github repository where you can clone all the source code:
github.com/The...
In this tutorial I will introduce you to how Flutter manages its navigation feature with 1, 2 or more screens. Of course, we'll also learn how to provide a unique instance of a bloc/cubit to multiple screens and we'll dive into all the possible scenarios, which you can encounter while developing a small, medium or even huge application. Anonymous, Named, Generated route access, everything is here and ready to be explained and learned. Enjoy!
All animations were done in VideoScribe, you can try it by clicking my affiliate link --- www.awin1.com/...
You can contact me directly here:
Join my Discord Server --- / discord
Twitter --- / letsgetwckd
Instagram --- / letsgetwckd
Also, if you want to support me furthermore you can become an RU-vid Member, donate or buy my courses on Udemy, using the following links:
Become an Official RU-vid Member! ---- / flutterly
Buy my Udemy Courses! ---- www.udemy.com/...
Support me on Revolut! ---- revolut.me/let...
Buy me a Ko-fi! --- ko-fi.com/wckdyt
Donate me on Paypal! --- www.paypal.me/...
Support me on Patreon! --- / wckdyt

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

4 окт 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 322

@Flutterly 3 года назад

Hello, everyone! The entire course is now live on Udemy too, get it while it's hot --> www.udemy.com/course/bloc-from-zero-to-hero/?referralCode=E689592633984B34DBEF Also I have just managed to finally finish the entire BLoC - From Zero to Hero Complete Course, based on this tutorial series. You can check it out here -> ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-THCkkQ-V1-8.html

@Add0w 4 года назад

I am sure your tutorials will be the recommended reference for Bloc .

@Flutterly 4 года назад

Hopefully they will, I spend a lot of time into making them! Thank you so much! ✨

@Fidicirj 3 года назад

totally agree, explained everything very well

@kentamammadli8009 3 года назад

Coming from bloc documentation. All lessons on this playlist are simple, easy to understand and very helpful.

@Flutterly 3 года назад

Thank you so much! ✨

@MichelHabib 3 года назад

They are actually recommended from bloc library documentation. They are the best ever, thank you so much !

@puspharajselvaraj8852 3 года назад

Goddamn.... Nobody address this anywhere in flutter. Big kudos to you.

@Flutterly 3 года назад

Thank you so much! That's why I created this series for!

@webghost2009 3 года назад

I wish there is a clap feature in RU-vid like medium, so this video deserves thousands of claps.

@Flutterly 3 года назад

Hahaha, thank you so much, really appreciate your kindness. Thankfully there is a like button you can press 🌟

@roostam9999 Месяц назад

Thanks to God i found these series. I do not know how to properly word my emotions right now. In short, I have never seen any coding video better than these videos. I was very locked in throughout the video feeling like an Einstein, it would probably take me a month to learn bloc if i did not find this masterpiece.

@СерафимКрюков 3 года назад

If someone here like me has several FloatingActionButtons in the project (for example: two for counter change, and one for navigate to second page), and you get a black screen after the Navigator.push(), add heroTag property to every button: FloatingActionButton( heroTag: 'btn1', ...) maybe it will save couple of days for someone)) P.S. thank you wery much for your tutorials, its REALY helpful!!

@Flutterly 3 года назад

Yup, I also faced this issue back in the days, haha 😂 thanks!

@dnlbrock 4 года назад

Man... you created a huge shortcut thru bloc learnig curve, by all mean, the best tutorial on net. Eager for the next epsode. Thanks a lot.

@Flutterly 4 года назад

Thank you so much man!

@lasaint589 3 года назад

Man oh man. Timeless series. Keep rewatching every few months. Have these downloaded

@Flutterly 3 года назад

Thanks a lot, brother! Means a lot to me! ✨

@BigRedVan 3 года назад

Whose this one guy who dislikes your videos? These videos are great, thank you!

@Flutterly 3 года назад

Haha, haters, mate, I don't even care about them 👍

@sarjibkarki1258 3 года назад

Best ever! I never watched half an hour long tutorial video without skipping some parts. Thank you so much! You're awesome.

@Flutterly 3 года назад

Thank you so much, brother! ✨

@sarjibkarki1258 3 года назад

@@Flutterly You're most welcome. Thank you for replying.

@ivanyoed 3 года назад

Don't understand why people disliked this video. These are real quality learning materials. Sometimes I needed a little bit of patience to go through all the processes, but really, they are very clearly explained. Thanks a lot!

@Flutterly 3 года назад

Thank you so much for the feedback! ✨

@tevinmorake8924 3 года назад

Let us take a moment to thank our genius teacher! We will keep spamming the comments section with our gratitude. Global auth state through bloc was wonderfully explained.

@Flutterly 3 года назад

Thank you so much! ✨ 🥂

@AnoopThiruonam Год назад

2 years now! Still, this video is the king when it comes to the bloc tutorial.

@muhammadmusa2698 3 года назад

the best ever teaching stuff for learning bloc , not only bloc but you also some other flutter important concepts as well , i really hope more series about flutter from you....mind blowing stuff

@Flutterly 3 года назад

Thank you so much, brother! I really appreciate it!

@muhammadmusa2698 3 года назад

@@Flutterly but are you preparing another important series about flutter any topics ? yes answer will make me happy bcz whatever the topic will be , i will follow that as well

@Flutterly 3 года назад

Man, I just posted a video 1 day ago about what I'm gonna do in the future

@schmoris 7 месяцев назад

I indeed watched this video several times. I think it's one of the more crucial ones, because it defines your apps architecture a lot.

@zakwanibrahim7283 11 месяцев назад

one of the best course still in 2023 ... the best part is brief explanation of concepts am loving it

@luciferleviathn 4 года назад

Bloc has been like a maze for me and you have helped me greatly in figuring it out. Thanks.

@Flutterly 4 года назад

Thank you, mate! This is the greatest feedback for me and my work! Glad I can help you understand bloc even better!

@cyrilledakhlia3761 11 месяцев назад

I just discovered your video after multiple days of struggle on how to tackle this exact problem of routing while keeping the same instances of a Bloc/Cubit, and your video appeared as a real saver for me! Thank you very much sir! You deployed so much work, attention and details in your video, it deserves to be in the official documentation!

@satishraizada5207 4 года назад

Life saviour i am going to start a new project and this is gift to manage the separation of concern with BLoC, you have some better way to explain and thank you for github code

@Flutterly 4 года назад

You're welcome and I'm happy that you like it!

@Kaamz1926 Год назад

Thank you very much, the only bloc course I understood after trying many lol. Kudos to you ...Your course still works like charm even after 3 years down the road in 2023.

@GabrielCosta-xr5vr 4 года назад

Just commenting to thank you for this amazing series!

@Flutterly 4 года назад

You're welcome, man! Thank you for the positive feedback!

@mattfrowe7697 3 года назад

Would just like to say this is a fantastic series. Really well explained concepts with good examples and runs at just the right pace. Thank you!

@Flutterly 3 года назад

Thank you for your feedback, man, I really appreciate it!

@dutnorshi 4 года назад

Great tutorial! It really helps to understand how to use the Bloc instance across the multiple screens. Thank you!

@Flutterly 4 года назад

Thank you! Appreciate it!

@shaiktibout 3 года назад

Dude, you're awesome, been struggling with Bloc and architecture in Flutter for a while! I launched a social media app for travelers and now pretty much building it again from scratch in a way better structured way.

@Flutterly 3 года назад

Amazing! Thanks!

@SIDDARTHBHURA 3 года назад

The way you explain these concepts is really amazing. Thanks for creating this series.

@Flutterly 3 года назад

Thank you so much brother!

@franfox 2 года назад

I came back to this video after few months and it saved my day. Thanks!

@gyakhoe 4 года назад

I have just now completed the 6th episode. Even though I was working on bloc and building my app. Going through yours videos I felt like I have learned something and renewed interest towards bloc. Keep up the good work. Cheers 🍻

@Flutterly 4 года назад

Thank you so much! ✨

@gyakhoe 4 года назад

@@Flutterly you are welcome. I m patiently waiting for next episode. 😁

@ankitvishwakarma530 4 года назад

7th video in a row of your channel keep it up. Also have cleared all the doubts.👌👌

@Flutterly 4 года назад

You're welcome, man! Appreciate it!

@devesudas1680 3 года назад

I really like how you explain the things. Thank you.

@Flutterly 3 года назад

You're very welcome!

@webghost2009 3 года назад

To tell the truth, I am very lucky to find this series, I am suing bloc library, but I didn't understand the details and the comprehensive overview of all items.

@Flutterly 3 года назад

Thank you so much!

@routmartin6328 3 года назад

I've been through many tutorials. and now I find the finest one ever. Really thanks for you effort

@Baraka0369 3 года назад

Your serie of tutorials about BLoC is the best i've ever found on RU-vid. We have been creating, with my 2 friends, for 1 year an application with BLoC, and many things you're explaining through your videos have never been implemented or correctly used in our application.... We really thank you, you're kind of our Senpai ;)

@Flutterly 3 года назад

If you haven't completely understood how BuildContext works inside Flutter in addition to the BLoC Library, I recommend you to watch my dedicated video on this topic. You can find the video right here ---> ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-iNgwFMm3opE.html

@ivanyoed 3 года назад

I'll surely recommend your series.

@djedankharkryonia4223 4 месяца назад

Really helpful even if it was 3 years ago. Thank you guy!

@axisad3054 4 года назад

phenomenal ! You have definitely improved ;o;

@Flutterly 4 года назад

Thank you so much! Glad you like it!

@harilakkakula9443 3 года назад

good explanation about Bloc pattern. looking forward from you other interesting series about flutter features.

@Flutterly 3 года назад

Thank you, I'll keep 'em coming!

@gyakhoe 3 года назад

Finished watching it, It is great revision video if you already know about bloc access. I think it will be a timeless video until and unless it is deprecated.

@Flutterly 3 года назад

Thank you so much!

@TechWithDnes 3 года назад

You made these topics so easy to understand. Thanks WCKD!

@Flutterly 3 года назад

You're welcome! Thank you!

@yanischetouani7392 3 года назад

I promise you when i will gain money from my app i will donate you a lot ! REALLY YOU ARE A LIFESAVER ! THANK YOU ! and please keep posting as soon as possible !

@Flutterly 3 года назад

Haha, glad I could help and looking forward to seeing your app!

@yanischetouani7392 3 года назад

@@Flutterly Sure ! i will try to finish it with all your tips ! and send it to you ! keep Posting ! Have a great Day .

@tareksellami7346 3 года назад

Thank you thank you so much for the great explanation. You are awesome !!!!!

@MohamadouNdiaye 3 года назад

Thank you so much. This is the best block tutorial ever. Thanks for sharing

@agony4181 Месяц назад

My new dreSuch a cool delivery of material, right for me. I have a new dream, this is the course "Flutter from Zero to Hero" in the same format

@jjsportify77 3 года назад

Whoever is learning about flutter should subscribe to this guy! No jokes!

@Flutterly 3 года назад

Thank you so much, man! ✨

@jjsportify77 3 года назад

@@Flutterly Hey man, I've got another question concerning to global access for the provider. Do we just wrap our material app with our provider to have global access for the provider or we should have our provider be the root widget in order to provide global access? Thank you

@Flutterly 3 года назад

To provide a bloc/cubit globally inside the widget tree, you need to wrap the MaterialApp with a BlocProvider.

@jjsportify77 3 года назад

@@Flutterly Does that mean the blocProvider doesn't have to be the very first one(root) widget in the widget tree then? Thank you

@Flutterly 3 года назад

It doesn't, it can have multiple other widgets above it. It just needs to be above the material app

@elpoleto 3 года назад

thats the best video tutorial of the whole internet! congrats!

@Flutterly 3 года назад

Glad it was helpful!

@uobislrt 3 года назад

This is just soooo gooood!!! I bought the Udemy course. I hope you get some money for it :-) you deserve it! I did find in this video that I needed to lift the BlocProvider above the MaterialApp instead of the HomeScreen to make the code work. Otherwise it was reporting that it couldn't find the CounterCubit in the ancestor context.

@uobislrt 3 года назад

Doh! Just saw that you covered the issue I raised above (two contexts names context!)

@Flutterly 3 года назад

Haha, thank you so much, indeed I covered pretty much everything you'd need

@adeelzahid9622 3 года назад

best Bloc series I've ever watched 👌💕👍

@chaincse 3 года назад

Very useful one. Best way to provide different bloc for different pages with multiple dynamic parameters? It's the one running on my mind. Looking forward to your next tutorial!!!! Please upload soon!!!:)

@Flutterly 3 года назад

A tutorial like this isn't really related to bloc, but I'll make sure to cover this exact topic (transferring multiple dynamic parameters to different pages) when I'll get to developing apps in future videos.

@renansacavalcante3415 3 года назад

Thank you, you really helped me to understand the BLoC / Cubit concept !!! 👏🏻👏🏻👏🏻

@Flutterly 3 года назад

Thank you so much! ✨ Glad I could help, mate!

@thanhtrung6593 3 года назад

the best BloC tutorial I've seen. Thanks alot

@Flutterly 3 года назад

You're welcome! Thanks! 🌟

@ucnamnguyen7549 10 месяцев назад

This bloc series is brilliant

@imankamali5799 4 года назад

It was so good And I look forward to the next episodes

@Flutterly 4 года назад

Thank you so much! ✨

@eadoard 10 месяцев назад

Magnificent work bro, the explanation are extremely straightforward, thank you so much for the amazing job

@IELTSwithJamoliddin Месяц назад

Thank you so much,you explain them very well,amazing explanations 👍

@huylehoang5167 3 года назад

Thank you for your tutorials. This videos are so attractive and the explanation are so amazing. Once again, thank you!

@Flutterly 3 года назад

Thanks a lot, brother!

@amzathblaiseyehouessi7028 Год назад

Just what I needed, clearly explained, thanks for this WCKD.

@rajubhai1796 3 года назад

Thank you sir for making us understand

@MrJerikoSalivan 4 года назад

Thanks you so much for this great explanation of Routing concept with BLoC! 👍🏻 Please make video with Auth via token. In internet there is no much info about it.

@Flutterly 4 года назад

Will do, but after I finish these basic concept explanations. Thanks a ton!

@АртурЗарипов-ю9п 4 года назад

Thank you for this tutorial! Really this is an excellent explanation!

@Flutterly 4 года назад

You're really welcome, man! Glad you like it!

@itsLarryAlright 4 года назад

You are the best! love your videos and explanations and this (tutorial) just what I was looking for.

@Flutterly 4 года назад

Thank you so much! Glad I could help, mate! 🌟

@kerrygrover 3 года назад

Thanks you for the wonderful series. Informative, concise and helpful.

@Flutterly 3 года назад

You're welcome! Thank you for your feedback!

@swostikgautam5836 4 года назад

Looking forward to your next video man....you're awesome

@Flutterly 4 года назад

Thank you! Glad you loved it!

@latsabidzeb 4 года назад

Looking for next episodes! Keep going!

@Flutterly 4 года назад

Thank you, man! They'll come soon!

@iNFiNiTY-yf3rk 4 года назад

Best video series ever!

@Flutterly 4 года назад

Thank you so much!

@mixxamm 4 года назад

Thank you so much for the awesome tutorials! These tutorials are honestly the best I have ever seen and I don't think I have ever learned so much in such a little amount of time. Thank you thank you thank you!

@Flutterly 4 года назад

Wow, this is an amazing compliment, man! Thank you so much! I really appreciate it! Stay tuned for more content!

@carlknightcoph9494 2 года назад

+1 sub from me . i used flutter to create my final thesis project. and this helped me . thanks

@JayantKatia 3 года назад

Thank you for helping me understand BLoC

@Flutterly 3 года назад

You're welcome!

@tmounis9256 3 года назад

i have only one thing to say: thank you so much

@Flutterly 3 года назад

Haha, you're welcome!

@codesnacksIO 4 года назад

waiting, waiting, waiting for the next episode!

@RogiervanApeldoorn 3 года назад

Very good explanation. Keep up the good work!

@tojowally4899 3 года назад

awesome :) helping a lot in my current project. Thank you for your work.

@ekoprasetyo3999 3 года назад

Awesome tutorial! Thank you

@Flutterly 3 года назад

Glad you enjoyed it!

@brunoabreu10 3 года назад

Thank you so much for this tutorial! Liked, subscribed and donated!

@Flutterly 3 года назад

Thank you so much for your support, I really appreciate it!

@rebeccaburch3334 3 года назад

ilysm for making this

@Flutterly 3 года назад

Thank you! 🌟

@BeforeLeavingLife 3 года назад

This is a very good job. Thank you very much. And keep on the great job you are doing here!!!

@Flutterly 3 года назад

Thank you so much! ✨

@sonamohialdin3376 10 месяцев назад

Very helpful and informative tutorial thank you

@infernoinfotech677 3 года назад

Good Job Sir...

@mariokirven5628 Год назад

Dude your videos are a blessing!

@sondoskannous3306 3 года назад

thanks for your great efforts, really amazing series

@ronaldrask3831 Месяц назад

Best explanation ever 👏👏👏

@putitalekwongderm4586 2 года назад

Thanks for the amazing tutorial!

@rsajdok 4 года назад

Best explained so far 🙂👍

@Flutterly 4 года назад

Thank you so much! Trying to improve by every video.

@szujanlin9820 3 года назад

Thank you very very much for the video

@jose99Av 3 года назад

hey thank you so much for this tutorials

@Flutterly 3 года назад

You're welcome, man! ✨

@0b1w4n 3 года назад

Hi! you can still have a named route in a separated file, if you make a function returning a map of routes (WidgetBuilder) in routes parameter of the MaterialApp widget Thanks for the amazing videos!

@FidelSantana87 2 года назад

This is a real master class!!! thanks, really appreciated

@amirtabasi1498 4 года назад

thank you for this useful series

@Flutterly 4 года назад

You're welcome!

@Septix 2 года назад

TIME STAMPS: Local Access: 2:25 Anonymous Routes Access: 7:54 Named Route Access: 14:53 Generated Route Access: 20:25 Global Routes Access: 23:52

@vicsystems 6 месяцев назад

im glad i found your videos

@yaddiaby1504 3 года назад

i comment just for thant you. it's so amazing !!

@Flutterly 3 года назад

You're the best! Thanks!

@trungledang5225 3 года назад

Great teacher ever!

@tareksellami7346 3 года назад

Awesome awesome awesome. Thaaaaaanks

@mrutyunjayagiri982 3 года назад

Great Tutorial on RU-vid For BLoc.

@Flutterly 3 года назад

Check tutorial #8 on BuildContext, you'll get your answer from there

@mrutyunjayagiri982 3 года назад

@@Flutterly Thanx. Understood

@Wilhelmification 3 года назад

This should be at flutter.dev in a big blinking box! @Flutter

@Flutterly 3 года назад

Haha, thanks, man!

@gerardsimons3757 3 года назад

You're a legend!

@Flutterly 3 года назад

Thank you so much! ✨

@sachindraragul1094 Год назад

Fantastic tutorial

@akzholkadylbek9608 Год назад

One of the Best tutorial i ever seen in my life

@ignaciolo 2 года назад

Best bloc content ever! I have a question after this video: If I have several screens/pages with different feature, for example, one for the Login, Register, Profile, Home, etc. Should I have only one Bloc/Cubit and provide it with BlocProvider.of in the route as you did or each page should have its own? Ty!