WTH, this was so informative. I really needed this type of animated examples and pics to understand, coz the jagron always flew over my head if I don't picturize them. Thanks. Flutter team rocks!
I really enjoyed how much actionable content was packed into such a well-paced video! Excellent work and brilliant host! Can't wait to see even more Flutter content like this!
The funny thing is i just ran into a bug because of this and i was like let me have dinner before fixing and i saw this video. someone out there loves me
Before i was using build context in asynchronous gaps like this. ()async{ //local function for snackbar which is synchronious _snackbar(){ Snackbar.show(context,text:"Data fetched"); } Data data=await Data.get(); //asynchronous gap _snackbar(); } Thanks for such a good explanation 👍 And please correct me if I'm doing something wrong. THANKS AGAIN
Thank you Flutter :-) A really clear articulation of why the linting warning appears and how to deal with the issue. I've not refactored code bases (with only a small change really) and the problem has gone away. And I increased my knowledge of Flutter. The girls and guys at Flutter do an amazing job at information sharing.
Makes a good bit of sense. I assume this also applies if you're attempting to use a Context to build some object post an asynchronous gap. This is super helpful for newer Flutter devs as I've personally seen these unsafe usages done in a lot of smaller/newer codebases.
@@laybunzz I've converted to StatefulWidget to do just that a few times and wondered if there was another better way. Looking forward to see what it might be. It is bit annoying when using e.g. Riverpod or other state management solutions and you otherwise did not need a StatefulWidget and have to convert to get access to mounted info. But OK, it has not happened many times to me, maybe a handful of cases.
No need to make the onPressed async. 1. get the object from the context (or the value you need) 2. run the async method 3. use the .then((value) {}) on the async method which ran
I saw this before and there are a lot of answers if you google it, but when you are using GetX package, for an example, mounted does not exists! How to solve async gaps in GetX? There is a Get.context, just use it and all will be fine? Thanks for the instructions here, your explanation was helpful!
A quick fix: the description says that the linter rule is "use_build_contexts_synchronously", but it doesn't exist, it's "use_build_context_synchronously" without an additional s
What if we have the same situation inside a showModalBottomSheet() call. We won't have a mounted check inside that builder. Is there a way to handle stale context in this case?
Hi,small clarification!how can you hold to your resources if already navigation or something removed element from tree and updated new elements.having stale context and using it access snackbar?how?can you pls explain.
If we have a _Stateless_Widget that needs a context after an async gap, is our best approach to hold onto the resources prior to the async gap, like suggested at 4:10? I suppose an alternative is just converting the Widget to a StatefulWidget and using mounted.
Question What is the difference between getting a context from the build method param vs from "context" getter of State class? I often use the getter when I encounter this warning
What a great question! The answer is that there is zero difference. The State class's build() method is redundantly passed the BuildContext variable only so that its signature matches that of the StatelessWidget's build method. The two objects (the State class and its BuildContext) can *never* de-sync, so even with all the above asynchronous confusion, it's always exactly the same.
For further reference, here's a sentence in the docs that captures this: api.flutter.dev/flutter/widgets/State/build.html#:~:text=The%20BuildContext%20argument%20is%20always%20the%20same%20as%20the%20context%20property%20of%20this%20State%20object%20and%20will%20remain%20the%20same%20for%20the%20lifetime%20of%20this%20object.%20The%20BuildContext%20argument%20is%20provided%20redundantly%20here%20so%20that%20this%20method%20matches%20the%20signature%20for%20a%20WidgetBuilder
I slowed down video speed to 0.75% and used CC and could get some of ideas 😁 better update lint and check if error appears then find the best pattern like didChangeDipendencies or if(!mounted)
Thank you! We're happy to hear the tutorial was so helpful 😀 Make sure to check out the link below for more episodes of Decoding Flutter: goo.gle/DecodingFlutter
Hey there! Take a look at the links below for more information about Visual Studio themes and how to set them up to suit your preferences 🙂 Visual Studio Code Overview: goo.gle/3chWjoi Getting Started with Color Themes: goo.gle/3RCsVZZ
Thank you for your continued support and kind words, Pedro! You can check out more episodes of Decoding Flutter here: goo.gle/DecodingFlutter Happy Fluttering 👍
Given the fact that Flutter is quite new I must say that its programming model isn't very convincing. It feels a lot like good old Java Swing, but more complicated. The best proof that I'm right is the fact how many tutorials and videos exist just to explain how Flutter builds its ui tree. I don't like this StatefulWidget to State to Widget cascading things. Poor design i.m.h.o.
Subscribe for more Decoding Flutter → goo.gle/FlutterYT
WTH, this was so informative. I really needed this type of animated examples and pics to understand, coz the jagron always flew over my head if I don't picturize them. Thanks. Flutter team rocks!
I really enjoyed how much actionable content was packed into such a well-paced video! Excellent work and brilliant host! Can't wait to see even more Flutter content like this!
A very nice addition to the previous video about didChangeDependencies, now all of this makes perfect sense together.
Glad you found the tutorial helpful, Sominemo!
Check out the links in the description for more great content!
Happy Fluttering 😎
The funny thing is i just ran into a bug because of this and i was like let me have dinner before fixing and i saw this video. someone out there loves me
Before i was using build context in asynchronous gaps like this.
()async{
//local function for snackbar which is synchronious
_snackbar(){
Snackbar.show(context,text:"Data fetched");
}
Data data=await Data.get();
//asynchronous gap
_snackbar();
}
Thanks for such a good explanation 👍
And please correct me if I'm doing something wrong. THANKS AGAIN
Thank you Flutter :-) A really clear articulation of why the linting warning appears and how to deal with the issue. I've not refactored code bases (with only a small change really) and the problem has gone away. And I increased my knowledge of Flutter. The girls and guys at Flutter do an amazing job at information sharing.
Makes a good bit of sense. I assume this also applies if you're attempting to use a Context to build some object post an asynchronous gap. This is super helpful for newer Flutter devs as I've personally seen these unsafe usages done in a lot of smaller/newer codebases.
Thanks for the positive feedback, Armens 😀
If(!mounted) return only works in stateful widget ... what to do with stateless widget ?
For now, you'd have to convert the widget into a StatefulWidget; but your question is giving me ideas...
@@laybunzz I've converted to StatefulWidget to do just that a few times and wondered if there was another better way. Looking forward to see what it might be. It is bit annoying when using e.g. Riverpod or other state management solutions and you otherwise did not need a StatefulWidget and have to convert to get access to mounted info. But OK, it has not happened many times to me, maybe a handful of cases.
No need to make the onPressed async.
1. get the object from the context (or the value you need)
2. run the async method
3. use the .then((value) {}) on the async method which ran
@@adianblabla what if you have multiple async function need to await? It's gonna create nest of .then
@@hactam7358 You can us futureGroup to call them all and have just one .then method when they all complete.
I saw this before and there are a lot of answers if you google it, but when you are using GetX package, for an example, mounted does not exists! How to solve async gaps in GetX? There is a Get.context, just use it and all will be fine? Thanks for the instructions here, your explanation was helpful!
Decoding flutter is really good way to learn flutter.
Happy Fluttering 💙
We 100% agree, Ahmad! Be sure to check out all the Decoding Flutter episodes here: goo.gle/DecodingFlutter
Happy Fluttering 😄
Yeah! This new thing actually freaked me out a bit. Thanks for this information Flutter team💙
A quick fix: the description says that the linter rule is "use_build_contexts_synchronously", but it doesn't exist, it's "use_build_context_synchronously" without an additional s
What if we have the same situation inside a showModalBottomSheet() call. We won't have a mounted check inside that builder. Is there a way to handle stale context in this case?
Create a state full widget then pass it in the builder on the showModelBottomSheet, then you can check the mount in it
Important part of explication on screen was covered by cc caption.
Very nicely explained, thanks.
What is the episode titled that discuss 'didChangeDependencies' ?
Answer: InheritedWidgets
It's this one: th-cam.com/video/og-vJqLzg2c/w-d-xo.html
Happy Fluttering!
Very well explained. Thank you so much. I was wondering how to fix it and what would be the consequences if I don't.
Wouldnt FutureBuilder and StreamBuilder be considered asynchronous processes implemented within the build method?
Hi,small clarification!how can you hold to your resources if already navigation or something removed element from tree and updated new elements.having stale context and using it access snackbar?how?can you pls explain.
Hi, I have a question mounted works for stateless widgets?
I noticed the lint update giving my code a bunch of these warnings. I'm slowly working through each of them to see how I can fix it. Thank you!
كثر الله خيرك.. متى بتنزل part2
If we have a _Stateless_Widget that needs a context after an async gap, is our best approach to hold onto the resources prior to the async gap, like suggested at 4:10? I suppose an alternative is just converting the Widget to a StatefulWidget and using mounted.
Those two solutions comprise your menu of options, yes :)
But what about statelessWidget can we use monted propertie?
Thank you very much Tiya for the solution. Jazakallahu khairan.
What about stateless widget it doesn't have mounted flag?
Keep flutter going , its great.. thanks Google team.
Thanks so much for your support, Atomic Sage 😎
Thank you!
Thanks for this informative and concise video!
what if somehow mounted is getting false, in that case how we hanlde it. Please sugguest some sokution. Thank you
Great, informative talk Tiya! Looks like you have thrown yourself into Flutter development :D
We're so glad you enjoyed the video, Ian!
Be sure to check out more Decoding Flutter episodes here:
goo.gle/DecodingFlutter
😎
Question
What is the difference between getting a context from the build method param vs from "context" getter of State class?
I often use the getter when I encounter this warning
What a great question! The answer is that there is zero difference. The State class's build() method is redundantly passed the BuildContext variable only so that its signature matches that of the StatelessWidget's build method. The two objects (the State class and its BuildContext) can *never* de-sync, so even with all the above asynchronous confusion, it's always exactly the same.
For further reference, here's a sentence in the docs that captures this: api.flutter.dev/flutter/widgets/State/build.html#:~:text=The%20BuildContext%20argument%20is%20always%20the%20same%20as%20the%20context%20property%20of%20this%20State%20object%20and%20will%20remain%20the%20same%20for%20the%20lifetime%20of%20this%20object.%20The%20BuildContext%20argument%20is%20provided%20redundantly%20here%20so%20that%20this%20method%20matches%20the%20signature%20for%20a%20WidgetBuilder
What if we want to push a new screen after an async call?
Nice video! This video should appear when googling use_build_contexts_synchronously or in the IDE warning, because I wish I'd found it earlier.
I have been getting this problem lately. so l would use ignore use of build context across async gaps. Thanks for the explanation 😌
I slowed down video speed to 0.75% and used CC and could get some of ideas 😁 better update lint and check if error appears then find the best pattern like didChangeDipendencies or if(!mounted)
Great presenter and great video, thank you!
We're happy to hear you enjoyed the video!
Be sure to check out more episodes of Decoding Flutter:
goo.gle/DecodingFlutter
Very useful needed information 🙏
Thank you! We're happy to hear the tutorial was so helpful 😀
Make sure to check out the link below for more episodes of Decoding Flutter:
goo.gle/DecodingFlutter
Nice in depth video....vscode theme?
I'd like to know too
Hey there! Take a look at the links below for more information about Visual Studio themes and how to set them up to suit your preferences 🙂
Visual Studio Code Overview: goo.gle/3chWjoi
Getting Started with Color Themes:
goo.gle/3RCsVZZ
We've been using this one: github.com/afitz0/flutter_dart_vscode_theme
@@craiglabenz9147 Thank you so much. Will you publish it in Market Place in the future?
@@masishta That's an interesting idea. It probably requires some polish before doing that, but we could if folks would download it!
More examples like this!
We're glad you found this tutorial helpful, Andrea 😃
You can check out more episodes of Decoding Flutter here:
goo.gle/DecodingFlutter
Amazing content! Really easy to follow, Thanks
Thank you for your continued support and kind words, Pedro!
You can check out more episodes of Decoding Flutter here:
goo.gle/DecodingFlutter
Happy Fluttering 👍
very helpful, Thanks
It was very helpful to deepen my understanding. Thank you for putting this video together, appreciate your work!
Glad the tutorial was so helpful for you 😎
But the rule have to be use_build_context_synchronously There is the mistake in description down below the video - '_contexts_'
That was brief and nice! Thanks
Happy to hear the tutorial was helpful, Frankee 😎
Thanks for this ❤️
What a great talk. Very well explained.
Thanks, Brad! We appreciate your feedback 😊
05:38 -The code will not compile, cachedLayoutValues is defined at scope of didChangeDependencies and doesn't accessible at build method🤦
You spotted the pseudocode!
Very informative, thank you 👍
Great!
Awesome
amazing, I liked it a lot
We're so happy that you liked the tutorial!
Be sure to check out more episodes of Decoding Flutter here:
goo.gle/DecodingFlutter
Happy learning 😎
I think this is only working for StatefulWidget.
How to creat audio2face human face animation in flatter apps
Problem is "await" doesn't await at all 🙂
So good so good❤
I didn't get it 😕
Топовая связка, всегда в деле.
Code theme is good! i want that for android studio.
wonderful
Wow this was possible?
Nvidia , blender audio2face auto lip sync animation how to add flutter
Flutter auto lip sync animation how to creat in flutter is posible
Hi, Parshuram!
Click the link below to find tips and tutorials for creating animations with Flutter:
goo.gle/3zBRy1V
😎
Hindi subtitles???
Perfeito
Glad you enjoyed the tutorial, Fabricio!
Don't forget to check out the links in the description for more tips and tutorials 😎
just use bloc
Random jsbxba
Given the fact that Flutter is quite new I must say that its programming model isn't very convincing. It feels a lot like good old Java Swing, but more complicated. The best proof that I'm right is the fact how many tutorials and videos exist just to explain how Flutter builds its ui tree. I don't like this StatefulWidget to State to Widget cascading things. Poor design i.m.h.o.