FutureBuilder (Flutter Widget of the Week)

♪ (music) ♪ Flutter and Dart are asynchronous by nature. With Dart's <i>Futures</i>, you can manage IO without worrying about threads or deadlocks. But how do you build widgets when a <i>Future</i> is involved? Enter FutureBuilder, the future of handling, well, <i>futures</i>. FutureBuilder lets you easily determine the current state of a <i>future</i> and choose what to show while the data's loading and when it's available. Start by giving FutureBuilder a <i>future</i>, and then a <i>builder</i>. But make sure to check the state of the <i>future</i> with <i>connectionState</i> and display an appropriate widget when your <i>future</i> is busy. Finally, it's good practice to check that no error has occurred while your <i>future</i> was resolving. There are other <i>ConnectionState</i>s that you can use. For more info on FutureBuilder and all the other Flutter widgets, head on over to <i>flutter.io</i>. ♪ (music) ♪

Channel: Google for Developers

Views: 326,104

Keywords: FutureBuilder, flutter widget of the week, flutter FutureBuilder, flutter future widget, flutter futures, how to use futures, flutter widgets, flutter animations, flutter animated widget, flutter animated future, how to use flutter widgets, app developers, flutter developers, flutter tips, flutter tools, GDS: Yes;

Id: ek8ZPdWj4Qo

Length: 1min 10sec (70 seconds)

Published: Tue Sep 18 2018