I've never seen a community so passionate to educate the world in a simple, fun way possible than Flutter team. You guys are awesome. Keep it up, I've chosen flutter for all my application development stuff and I will never go back to anything.
Thank you for your kind message of support, Ashwin! Thanks for watching 😎 Be sure to catch more Decoding Flutter episodes here: goo.gle/DecodingFlutter
01. Firstly Framework call constructor of that widget class. 02. Secondly framework call the "createElement()" method. And this method will return element of that widget to framework. 03.Thirdly when framework calling "build(context)" method, it will pass previously created element object as a argument for context parameter. So now we can use context(element object's) properties and methods inside the build() method. (Eg:- accessing ancestor widget / for makimg dependencies with ancestor inheritedWidget.
@@dilshan3372 Example, why don't we create element as a property of widget, and build() don't need context parameter because we can access it by widget.context?
Wow, love these tutorials. Thanks so much. My brain is constantly exploding on my way learning flutter. Having had a 15 year break from c++ to now diving deep into this advanced language isn't always easy. But oh so mind blowing.
We're glad this helped clear things up for you! Make sure to check out the rest of our Decoding Flutter series for anything else that may be giving you trouble: goo.gle/DecodingFlutter
love these kind of bite size updates...would be good if they were appended with a "deeper" dive view of the topic ... in this case really unpack via examples and animations how it really works
@@flutterdev Well thanks! See? I never get an "official" reply from React Native. Nah, this is too good!! Where is the catch? Haha, I think I will end up rewriting my RN apps very soon!!
Can i use the different google play console account for uploading my project on playstore I have to impliment in app purchase and ads in my project But i have a google play console account with different gmail address and my project is with different gmail account with firebase ?
When we open any app then for the first time when home page arrive it shows a short tutorial that teach u how app work I want to implement this function in my app but i don't know how to do , can u tell me Function name Please....(I am not telling about splash screen ) I want overlay on app
Manipulating Elements directly is too risky. Users can call and modify any of the Element's properties and methods. To avoid this, the Element base class implements the abstract BuildContext class so that users can only use the methods and properties BuildContext allows, which is a good design idea. --This is what I think.
Hi Flutter team, could you make a video to explain the scrolling in Flutter, I am confuse with using them, and they are too many Classes with Scroll on it's name. Thank you
Sorry, since I'm still a flutter newbie, I still dont understand it. How about simple explanation with html approach, eg. if a widget is an html element, what is buildContex or context ? Thank in advance
on one side i do mineal calculations with c and c++, then manupulating dom with js, all makes sense except when this context, widget tree come out of nowhere, i've learned how to use this but still lacking the context, i wanna know what's actually happening behind the scene, why these frameworks come out with there own rules, i'm doomed
Hi, a great video. I was asked about buildContext in an interview. Hope I would have known this earlier. ☺️. Just a random question out of the "Context", how to show the done button in number keyboard in iOS? This can be the next video... or you can point me to a certain direction.
It's another word for "surroundings". By having access to `context`, your build method can learn stuff like: a) what is my parent widget? b) how big am I? c) is any of the widgets above me a Theme widget?
I've never seen a community so passionate to educate the world in a simple, fun way possible than Flutter team. You guys are awesome. Keep it up, I've chosen flutter for all my application development stuff and I will never go back to anything.
All what I wanted to say is already said by this comment.
@@عبدالقادرعبدالرحمنعبدالله Coincidence? 😉
@@hemanthkotagiri8865 yes actually
actually impossible to go back to anything once you experience the flutter bliss
@@dingus1720 you're right. This is not a library/framework - it's an epitome of bliss.
Flutter community is growing day by day :)
WE SHALL CONQUER THE REALMS OF FRONTEND DEVELOPMENT
I just rewatched this 3 times, it's that much that I enjoyed this explanation.
My mind in blown, and my mood is elated
I absolutely love your explanations Andrew. You make it so easy to understand the filter concepts.
Thank you for your kind message of support, Ashwin! Thanks for watching 😎
Be sure to catch more Decoding Flutter episodes here: goo.gle/DecodingFlutter
Just wanted to say thank you for all hard work, from Ethiopia.
Brother you are amazing. Only a sensational engineer can have such exceptional clarity on such complicated subjects
That's not an engineer, it's a developer advocate. Very different thing
Best explanation of the build context. Great stuff.
Who so ever is doing those motion graphics, just nailed it! 🔥
Andrew Fitz, thank you!
The Decoding Flutter series with you are amazing.
So whenever we pass a context to a widget, we are actually passing the element of that widget, so it can know where it is at?
Exactly!
01. Firstly Framework call constructor of that widget class.
02. Secondly framework call the "createElement()" method. And this method will return element of that widget to framework.
03.Thirdly when framework calling "build(context)" method, it will pass previously created element object as a argument for context parameter.
So now we can use context(element object's) properties and methods inside the build() method. (Eg:- accessing ancestor widget / for makimg dependencies with ancestor inheritedWidget.
@@dilshan3372 Could you explain why the framework need 3 steps like that and not the other way?
@@xuantung8660 I dont know what you mean by other way.
@@dilshan3372 Example, why don't we create element as a property of widget, and build() don't need context parameter because we can access it by widget.context?
Wow, love these tutorials. Thanks so much.
My brain is constantly exploding on my way learning flutter. Having had a 15 year break from c++ to now diving deep into this advanced language isn't always easy. But oh so mind blowing.
it 's so clear i had difficulty to understand elementTree but in this video it's clear for me thank's very much.
We're glad this helped clear things up for you!
Make sure to check out the rest of our Decoding Flutter series for anything else that may be giving you trouble: goo.gle/DecodingFlutter
Element implements BuildContext 🤯
🤣 my reaction too
Yes, The BuildContext interface is used to discourage direct manipulation of Element objects
love these kind of bite size updates...would be good if they were appended with a "deeper" dive view of the topic ... in this case really unpack via examples and animations how it really works
Thank you very much for such amazing documentation. I have started to learn Flutter for my private project and videos like this helps a lot.
Thank you for the excellent feedback, Smiljan! Don't forget you can view more Decoding Flutter videos here: goo.gle/DecodingFlutter
I'm coming from React Native. Giving Flutter a chance. Pretty great video! Flutter's documentation is unmatched.
That's awesome to hear, Abraham!
Welcome to the Flutter community! We're happy to have you here 👋
@@flutterdev Well thanks! See? I never get an "official" reply from React Native. Nah, this is too good!! Where is the catch? Haha, I think I will end up rewriting my RN apps very soon!!
Now that's why we say, "Enough talk, show the code".
It's literally the best way to explain.
it was my n-th video about trees and finally I get it, thank you!
this short series are great
I like the Lego ship in the background!
Make a video on explaining RenderBox
Explain about border property in decoration as well I am very confused what kind of Widget it takes
It doesn't take a Widget
Great! I love this series! Thank you.
Thanks for the information about 'What is Element type ?'... Answer-Element is a BuildContext type
You know what. The flutter team is AWesome!!
I have a question when u will add full support for smart Tv
Can i use the different google play console account for uploading my project on playstore
I have to impliment in app purchase and ads in my project
But i have a google play console account with different gmail address and my project is with different gmail account with firebase ?
so, is BuildContext the silve bullet to creat a widget at any place?
So BuildContext is exactly what I thought it was lol, but it's good to learn 😀
So easy and intuitive explanation!
Cool to get a quick peek under the hood. Great video!
If I need to know when the phone is shutting down could I do in flutter?
When we open any app then for the first time when home page arrive it shows a short tutorial that teach u how app work I want to implement this function in my app but i don't know how to do , can u tell me Function name Please....(I am not telling about splash screen ) I want overlay on app
Manipulating Elements directly is too risky. Users can call and modify any of the Element's properties and methods.
To avoid this, the Element base class implements the abstract BuildContext class so that users can only use the methods and properties BuildContext allows, which is a good design idea. --This is what I think.
Good thinking, thanks
But why it is not available in FCM background handler..
How do i get the current content of the app?
Still useful in 2024, love flutter!!!!
sounds good. a nice explaination.
Hi Flutter team, could you make a video to explain the scrolling in Flutter, I am confuse with using them, and they are too many Classes with Scroll on it's name. Thank you
So, every widget is a backpack that can in turn hold an (potentially) infinite numbers of backpacks?
Super . Nice Job Flutter TEam
Sorry, since I'm still a flutter newbie, I still dont understand it.
How about simple explanation with html approach, eg. if a widget is an html element, what is buildContex or context ?
Thank in advance
Information = Gooood
IDE Theme = Baaad 😗
on one side i do mineal calculations with c and c++, then manupulating dom with js, all makes sense except when this context, widget tree come out of nowhere, i've learned how to use this but still lacking the context, i wanna know what's actually happening behind the scene, why these frameworks come out with there own rules, i'm doomed
Lol same
Awesome explanation
Is createElement like React.createElement in Reactjs?
I LOVE THE MUSIC .... WOWOW ...
Nice explanation !!
Amazing bro
We're so glad you enjoyed this, Buddhika!
Be sure to catch even more Decoding Flutter episodes here→ goo.gle/DecodingFlutter
Happy Fluttering 👍
This should be the first lesson after hello world in flutter.
Hi, a great video. I was asked about buildContext in an interview. Hope I would have known this earlier. ☺️. Just a random question out of the "Context", how to show the done button in number keyboard in iOS? This can be the next video... or you can point me to a certain direction.
Always with fully helpfull hints
I want that playmobil ship
Great explanation!
this was really awesome
Thanks that's very useful ☺️
good but why is it that flutter doesn't handle this in the background somehow without us having to pass it around?
Explained very well..
A real world example would be really beneficial to include with this video. The context here is still confusing for new comers.
Ну теперь-то всё понятно!!!!!!!!!!!!!
Coming from a Flash/Flex background "context" feels like "this".
Thanks andrew:)
Amazing!!!! 👏🏾
Didn't watch the whole video, but context is the address of the either stateful or stateless widgets.
Good to know 😁👌
I have NO idea what you have just said.
What is BuildContext?
Love flutter ♥️
most difficult thing in fluter :(
Flutter is awesome
Thanks a lot
funny how flutter is googles, youtube is googles, so this video is googles and still the captions say dark for dart.
Lets Flutter🍴⚡
Spanish subs please. Nice video
Would I wrong by saying this is like having multiple DOMs?
Heh so what about Getx it doesn't use context
anyone see dash outside the window it's too funny
Nicee
flutter webrtc tutorial 🙏🙏
Finally!!!!!!
Flutter Grow, Beard Grow.
❤😀
yes, but what IS IT?
As someone who just started learning flutter, I understood nothing. thanks
No entendí... 😔
I still don’t understand what ‘context’ is 😪
It's another word for "surroundings". By having access to `context`, your build method can learn stuff like:
a) what is my parent widget?
b) how big am I?
c) is any of the widgets above me a Theme widget?
@@filiphracek a response from the man himself! Thank you! That does help!!
Element api does not have parent and children. Thanks.
bored and over acting videos
I think the buildcontext is one major hindrance that prevents people from adopting flutter.
I don't like flutter build web, it 's terrible!
First
I'm worried.
- "OMG this is a method, that's so weird!"
Is this the level they expect from people building apps?