Flutter Tutorial - Builder & BuildContext - Everyone should understand this - Deep Dive

Here is everything you need to know about the BuildContext & the Builder Widget in Flutter.
Click here to Subscribe to Johannes Milke: kzbin.info...
- Source Code: github.com/JohannesMilke/buil...
- Buy My Courses: johannesmilke.teachable.com/p...
- Follow Twitter: intent/follow?ori...
Resources:
Todo App Tutorial: • Flutter Tutorial - 1/3...
Build A Chat App Tutorial: • Flutter Tutorial - Bui...
Social App Design: • Flutter Tutorial - Soc...
Tinder Clone UI Tutorial: • Flutter Tutorial - Tin...
-- JOIN THE CREW --
bit.ly/JohannesMilke
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Me :-)
- Twitter: intent/follow?ori...
- Linkedin: / johannesmilke
- Github: github.com/JohannesMilke
PLAYLISTS
- All Flutter Videos: • Flutter Tutorial - Tex...
- Widgets - Flutter: • Flutter Tutorial - Sel...
- Plugins - Flutter: • Local Push Notificatio...
- Animations - Flutter: • #12 - Flutter Advent -...
- Designs - Flutter: • Flutter - Screen Desig...
If you find this video useful, LIKE & SHARE this video to help other people who also learn Flutter :)
bit.ly/JohannesMilke
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

[@tuberk]

Just perfect. If every video of yours is as clear as this one, you will be my saviour.

[@HeyFlutter]

Thank you, Tuğberk! 🙂 Sure I try to get better and better over time simply check out my Flutter playlist: kzbin.info/www/bejne/founXmOwnNWol80

[@bijayaadhikari442]

Brother, understanding the concept of builder context is so crucial that no other tutorial or article can explain like you did.

[@FelexAndVirginia]

Hahaha 😂 😂 😂 😂 oooh my God why was struggling with Build context ? Because i didn't have a good teacher until now.... Thanks keep up the good work man hands to head salute

[@pk0847]

I waited for this video so long... and finally it's here Thanks a lot

[@KnO1951]

You make these very easy to understand. Kudos!!

[@3alemneUp]

excellent explanation... after reading through a lot of articles without grasping the meaning behind context, I finally understood thanks to you Johannes, Thank you very much.

[@HeyFlutter]

Glad I could be of help, You are welcome علمني اب - 3alemneUP! 😊

[@sankethb.k642]

I never really understood how context works before this. Thanks a lot!!

[@shivarajsajjan3000]

So nicely explained!! 🙏 Keep doing your great work always!! ❤️

[@MustafaAliraqii]

That was crystal clear. Thank you very much.

[@fayezalle43]

Thank you. Very particular & clear explanation.

[@sadunozer2241]

Seems I finally found someone I can listen to

[@meetpanchal1393]

I have My Interview today on flutter ,this helped me thanks!

[@quentinklein1338]

Amazingly well explained

[@Ayrix06]

Johannes you made my day - Thanks a lot :)

[@higorgustavobarbosadasilva9624]

You are right, every one should understand this!!!!

[@oswaldoolea2889]

very important subject out of the typical flutter tutorials, outstanding learning material! thanks.

[@HeyFlutter]

You’re most welcome, Oswaldo Olea! 🙂

[@peterbk364]

This should be studied sooner... i was facing the issue "At this point the state of the widget's element tree is no longer stable." so need to go back to basic.... thankyou Johannes sir for this awesome conceptual video

[@leonardomaia7661]

tk you so much!!! finally a good explanation!!

[@lovenangelo5415]

Very nice explanation

[@spinoff2011]

Great content. Thanks!!!

[@TheAzmi009]

Great examples!

[@mikoaj1954]

good explaination!

[@MohitKumar-kh6mv]

Awesome Awesome explanation

[@abidhasansnigdho]

Crystal clear! Thanks man ❤

[@HeyFlutter]

You are welcome, Abid Hasan!

[@sumanpokharel1718]

thank you man!!subbed.

[@HeyFlutter]

This might help you :) Todo App Tutorial: kzbin.info/www/bejne/eYK9o2B9jcqSlbs Build A Chat App Tutorial: kzbin.info/www/bejne/rXmslH16hsd1fNU Social App Design: kzbin.info/www/bejne/hqengJqFmbqaobc Tinder Clone UI Tutorial: kzbin.info/www/bejne/rGLaoJmepNqneM0

[@elmarcabbarl2312]

do u know that you are the best. thank you for this explanation.

[@toblamabor7072]

Bro you are amazing thank you!!

[@HeyFlutter]

You’re most welcome, Tobla Mabor! 🙂

[@ryzzzin]

thank you!

[@MangJanong]

Hi, i love your videos, i learned about context clearly from you. Can you please make also a video about state management in the way you explain about context. Thank you and more power!

[@HeyFlutter]

Thank you, SuperChainMan! Check out this video about state management: kzbin.info/www/bejne/omSun6iLotGlY9k&ab_channel=JohannesMilke

[@shikharagarwal8769]

Perfect, Just Perfect!!!

[@HeyFlutter]

Thank you, Shikhar Agarwal! 🙂

[@abrorshamuradov1572]

you are the best

[@bezawadabharat3075]

Thanks bro

[@surajsuryawanshi7835]

great video.

[@HeyFlutter]

Thank you, Suraj Suryawanshi! 🙂

[@ajithr1458]

at last I found a good explanation.

[@HeyFlutter]

Great, Thank you AJITH R!

[@sarathkumarg5220]

❤ from India

[@mkhwanazicebo4448]

I just do not think there is anybody who explains flutter so great like this guy, aah why has google not hired you to join their flutter team man😟

[@HeyFlutter]

Thanks, for your support, Mkhwanazi cebo! 🙂

[@user-wr9ff4wl4o]

thx! great!

[@HeyFlutter]

You are welcome, Роман Сергеевич!

[@user-rp7xx7xo2z]

amazing

[@HeyFlutter]

Thanks, @user-rp7xx7xo2z! 🙂

[@samuelsantos]

Excellent explanation! The only thing I don't get is: If every widget has its own context, why this whole thing works? I mean in the first example why calling the "Scaffold.of" doesn't work if "Raisedbutton" has its own context? Or even more complex, imagine a "Container" and the "Raisedbutton" inside it. Shouldn't the "Scaffold.of" works since "Container" is above it and has "context"? I know it doesn't but don't know why. Thanks!

[@HeyFlutter]

Thanks, Samuel! 🙂 We are never using the context of the RaisedButton since we cannot access it and it is inside of the RaisedButton Widget. The main point about BuildContext is that you need to use the BuildContext under the widget that you want to access such as demonstrated at 3:04. At 1:40 it is demonstrated why you cannot use the MainPage BuildContext since it is on top of the Scaffold in the widget tree, and therefore you cannot access the Scaffold.

[@eNONO-ot4zh]

thank Johannes. How to fix "Looking up a deactivated widget's ancestor is unsafe" once forever ? thank you in advance

[@scholarship216]

thank for your teach but I have a question is can we name that is the builder function doing as link between the top and buttom

[@HeyFlutter]

Thank you Scholar Ship! 🙂 The purpose of the Builder is only to supply you with a Build Context. Or what do you mean?

[@lcarv20]

Nice video and explanation. However … you use opera, that surprised me the most xD. Best of Luck

[@JakBeat]

How do I get the current context used? I'm triggering overlay notifications from a provider that needs current context in order to display overlay notifications he is managing

[@HeyFlutter]

Thank You Sara Ttbb! Follow this link: stackoverflow.com/questions/50246019/how-to-get-the-current-context-in-flutter I hope you will get your answer 🙂

[@kavin.kumar2122]

please make some more bloc videos

[@HeyFlutter]

Thanks Encyclopedia, sure I can however did you try already Riverpod: kzbin.info/www/bejne/bnmWk6qurdGUars This is a new & trendy state management

[@BrendansReasons]

so Build is a shortcut to getting a closer context

[@HeyFlutter]

Thank you, Brendan Chatt! 🙂. You could learn more about flutter architecture here: flutter.dev/docs/resources/architectural-overview

[@alexeyantonenko877]

Raised button seems to be deprecated now. So, I used the Elevated button instead. But here is an error with the Snackbar: "The method 'showSnackBar' isn't defined for the type 'ScaffoldState'." I tried ScaffoldMessenger.of(context).showSnackBar() and it works, but independently of "builder" exists of not for the scaffold

[@alexeyantonenko877]

@@HeyFlutter Thanks a lot!

[@HeyFlutter]

Thank You Alexey Antonenko! Follow this link: stackoverflow.com/questions/68011487/the-method-showsnackbar-isnt-defined-for-the-type-buildcontext I hope you will get your answer 🙂