🔥

[Flutter] FutureBuilder

2022/10/20に公開約500字

https://youtu.be/ek8ZPdWj4Qo

FutureBuilder

状況の変化によってアップデートを行うことができる。

FutureBuilder(
 future: http.get('http;//awesome.data'),
  builder: (context, snapshot){
  if (snapshot.connectionState == ConnectionState.done){
  return AwesomeData(snapshot.data);
 } else {
  return CircularProgressIndicator();
 }
}

エラーチェック

if(snapshot.connectionState == ConnectionState.done){
 if(snapshot.hasError){
  return SomethingWentWrong();
 }
 ...

その他のプロパティ

ConnectionState.none;
ConnectionState.waiting;
ConnectionState.active;
ConnectionState.done;

Discussion

ログインするとコメントできます