Flutter FutureBuilder | The Right Way
HTML-код
- Опубликовано: 5 июл 2024
- How to use the FutureBuilder widget in Flutter. Futures wait for data before displaying the data inside your Flutter app using the FutureBuilder.
Click here to Subscribe to Johannes Milke: ruclips.net/user/JohannesMilke...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/futu...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/#/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
TIMELINE
0:00 Future
0:22 FutureBuilder
1:54 setState called multiple times (keeps firing)
2:43 Refresh FutureBuilder
3:04 Fix: Keep loading in FutureBuilder
4:28 ConnectionState in FutureBuilder
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-) Наука
This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/future_builder
Stream Builder Tutorial: ruclips.net/video/g8Y1Eqa4pbc/видео.html
Nested ListViews and Columns Tutorial: ruclips.net/video/ZpHuAbYWL3w/видео.html
ChatApp UI Design Tutorial: ruclips.net/video/eGhvL082-Pc/видео.html
Flexible Widget Tutorial: ruclips.net/video/5TwBXLZdVvk/видео.html
Expanded Widget Tutorial: ruclips.net/video/N1FMX4rDn6Y/видео.html
Spacer Widget Tutorial: ruclips.net/video/n4dJVUdj4ik/видео.html
FittedBox Widget Tutorial: ruclips.net/video/WpTMNArnXdc/видео.html
Flutter Layout Basics Tutorial: ruclips.net/video/yYxueTNIDlA/видео.html
Row Layout Basics Tutorial: ruclips.net/video/lY5GtNkvyhM/видео.html
Column Layout Basics Tutorial: ruclips.net/video/nW9pAyDs-wE/видео.html
Expansion Tile Tutorial: ruclips.net/video/vRWY-IQAin0/видео.html
Expansion Panel Tutorial: ruclips.net/video/r7L146d9YA8/видео.html
Bottom Sheet Tutorial: ruclips.net/video/TXYuaiukw7E/видео.html
Popup Dialog Tutorial: ruclips.net/video/4pn-_md5Ol4/видео.html
Dropdown Menu Tutorial: ruclips.net/video/z0ihUbwlSHs/видео.html
PageView Tutorial: ruclips.net/video/sFXg-phkbQU/видео.html
Page Transition Animation Tutorial: ruclips.net/video/_R3E_aof69c/видео.html
Horizontal ListView Tutorial: ruclips.net/video/baA_J5tUtEU/видео.html
I like your short videos. I always spare some time for them to learn something new or handy. Thanks!
Awesome Johannes! Please make more videos of good practices like this! Thank you very much!
This video is by far a great tips of the future builder
By far the best resource to learn flutter👌
yeah recommending him is a no brainer
This is one of my all time favorite videos, because it really apes what happens so often in the real world !
Glad to hear that, Thank you Yo Apps! 😊
5 months later and this video save my panic (as my future was been rebuilt on each setstate). Thanks Johannes for this masterpiece ♥
You are welcome, Samson Orode 😊
Thanks for the good explanation) keep going
Really, really helpful !!! Thanks for such a clear explanation.
Glad to hear that, You are most welcome @davidfield2030
Love theese in depth dart tutos !
@@HeyFlutter No ! It’s me who thanks you Milke. You made made me discover good packages that i included to build an app for a school .. that plus your magistral tutos on dart where important for me to overcome a whole business project ! I must admit that state management and project structure and animation and test if i have time :) .. is so hard to achieve that your tutos inspired me.
If one day you make a tuto on good practice state management and testing in a business scale .. I buy :) i learnt a lot on building an entire app but still need to learn
You explained it excellently. Thanks much.
You’re most welcome, Phyl lyf! 🙂
Super Video. Weiter so!
Thank You! It was interesting!
Very helpful, thanks!
Wonderful Sir
You are the best as I know
Excellent. Thanks
very well explained and every one now can understand this.
Thanks, Wilmedys Morales! 🙂
man thank you for breaking down a hard to understand topic so easily!
Glad I could be of help, Thank you Matthew Johnson! 😊
thank you so much Johannes
You are welcome, @huguesbomo9297 😊
Very useful tutorial. Thank you
You are welcome, Machiuka!
Great Video 👏
Good explaination!
Glad it was helpful, Fabian A. 😀
Thanks that really help alot 😊
Very helpful.
WonderFul Teacher ! .
Thank you, @user-pz5sj5zo8q! 🙂
good tutorial thanks bro
Thank you.. keep going..
very useful video
Thank you, @akzholkadylbek9608! 🙂
So Best!
3rd person to like this video, I'll be the first someday, btw... Your videos are always a bomb.
❣️❣️ Much appreciation from 🇳🇬🇳🇬🇳🇬🇳🇬
please explain this Future method along with firebase for retrieve data.
👍 cool staff
Thx
Nice.... 👌🏻👌🏻👌🏻
our flutter hero
Glad to hear that, Thank you @guilhermelincoln8574! 😊
Do you have any video on MVVM with Providers?
Search data from local database in implement staggered grid view fetching data
Best practices....
Could you also describe how to use provider in the best way (consumers)
@@HeyFlutter Great
you save my job
hello make a complete course in which u make an app with a backend from scratch .and thanks for the video I learnt a lot
One thing I think can be improved is a way to display the progress of data being fetched. Say I am importing 5,000 items and that takes 30 seconds. It would be nice to let the user have some indication of how much progress has been made and roughly when to expect the data, so the user doesn’t think the app is hung. To do this, FutureBuilder should have options for max data size or count and the current iteration, so it can display a progress indicator with actual progress.
Great, Thank You Maurice Volaski
Great content.
Question: I have a FutureBuilder in my app that fetches data from my API, which gets it from different websites. Some are slower than others. If I made one API call and wait for the response, everything is fine. The problem is that if I have an active pending API call and try to do a second one to get different data, I got both widgets but the same data. So Flutter instead of execute the second API call, is just repeating the first one! Why is this happening??? I want my FutureBuilder to wait until other Future os done. Is that possible?? Thanks.
@@HeyFlutter I fixed it today by chance. The future I was using required information from the instantiated widget and was sended in the initState to an another class to fetch the data. The solution was just to remove the initState, (go back to a Stateless widget) and write the class instantiation for the future in the FutureBuilder statement. That was it. I don't understand why was this happening to be honest but I'm glad I fixed it. Thanks anyway. 😁😁😁
Thank You Leonardo Cuevas! Follow this link: stackoverflow.com/questions/56249715/futurebuilder-doesnt-wait-for-future-to-complete
I hope you will get your answer 🙂
bro u saved me
Glad I could be of help, Thank you shashaNEKO! 😊
How can I like this video more than once?
Glad to hear that, Thank you UGNEWS24! 😊
Hi Johannes, I need your help I have to create a app bar with different styles, where whenever I choose the style it has to appear that style like appBar(style: any_style), can you guide me with that please
Thank You s! Follow this link: stackoverflow.com/questions/53658208/custom-appbar-flutter
I hope you will get your answer 🙂
@@HeyFlutter hi I Johannes the link you shared is not a good help for me, I want different styles in a single appBar where I can change my style based on the style requirement for example appBar (customStyle: roundedBorderStyle), appBar(customStyle:transparentBackground)
Hello @JohannesMilke
How to display image when the image is clicked?, like Twitter when you tap the image as the image as displayed: how to?
keep L❤ly tutorial
Thank You amanuel gulilat! Follow this link: pub.dev/packages/photo_view
I hope you will get your answer 🙂
Possible example where to use this widget. Thank you sir
Thanks, Zakaria Houache! 🙂 It can be used everywhere where a Future is returned. A practical example was mentioned at 1:22 where we load some data from the internet.
No entiendo mucho de inglés pero se entendió perfectamente
How do you use a future builder in a stateless widget, because I see here that use used initState which is only available in a stateful widget.
Thank You Bible Perception! Follow this link: stackoverflow.com/questions/64501776/futurebuilder-in-statelesswidget-flutter
I hope you will get your answer 🙂
Super. How can l refresh Future Builder with getx?
@@HeyFlutter Yes Teacher. But another form)). Thanks for everything. Krasava
Thank You Cavidan Bagiri! Follow this link: stackoverflow.com/questions/64783928/getx-is-not-working-properly-with-futurebuilder-for-update-list
I hope you will get your answer 🙂
How do you write the icon in your text widget?
Tap "windows + ;" and Select your icon.
Future not working
@@HeyFlutter I found where the issue was coming from thanks I like your videos