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: www.youtube.co...
Source Code: github.com/Joh...
Buy My Courses: johannesmilke....
Follow Twitter: in...
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/Johannes...
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Me :-)
Twitter: in...
Linkedin: / johannesmilke
Github: github.com/Joh...
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/Johannes...
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

[@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

[@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! 😊

[@bijayaadhikari442]

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

[@higorgustavobarbosadasilva9624]

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

[@lovenangelo5415]

Very nice explanation

[@sankethb.k642]

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

[@sadunozer2241]

Seems I finally found someone I can listen to

[@KnO1951]

You make these very easy to understand. Kudos!!

[@ajithr1458]

at last I found a good explanation.

[@HeyFlutter]

Great, Thank you AJITH R!

[@oswaldoolea2889]

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

[@HeyFlutter]

You’re most welcome, Oswaldo Olea! 🙂

[@fayezalle43]

Thank you. Very particular & clear explanation.

[@MustafaAliraqii]

That was crystal clear. Thank you very much.

[@qk-7b]

Amazingly well explained

[@meetpanchal1393]

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

[@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

[@abidhasansnigdho]

Crystal clear! Thanks man ❤

[@HeyFlutter]

You are welcome, Abid Hasan!

[@leonardomaia7661]

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

[@shivarajsajjan3000]

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

[@Ayrix06]

Johannes you made my day - Thanks a lot :)

[@mikoaj1954]

good explaination!

[@elmarcabbarl2312]

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

[@MohitKumar-kh6mv]

Awesome Awesome explanation

[@spinoff2011]

Great content. Thanks!!!

[@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! 🙂

[@toblamabor7072]

Bro you are amazing thank you!!

[@HeyFlutter]

You’re most welcome, Tobla Mabor! 🙂

[@TheAzmi009]

Great examples!

[@shikharagarwal8769]

Perfect, Just Perfect!!!

[@HeyFlutter]

Thank you, Shikhar Agarwal! 🙂

[@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.

[@sarathkumarg5220]

❤ from India

[@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

[@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

[@abrorshamuradov1572]

you are the best

[@surajsuryawanshi7835]

great video.

[@HeyFlutter]

Thank you, Suraj Suryawanshi! 🙂

[@sumanpokharel1718]

thank you man!!subbed.

[@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?

[@РоманСергеевич-э6ю]

thx! great!

[@HeyFlutter]

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

[@bezawadabharat3075]

Thanks bro

[@erfansoltanzadeh-u8x]

amazing

[@HeyFlutter]

Thanks, @user-rp7xx7xo2z! 🙂

[@eNONO-ot4zh]

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

[@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 🙂

[@lcarv20]

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

[@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 🙂