非同期でデータ取得後にウィジェットを表示する

参照先

非同期でデータを取得

1
2
3

Future<DocumentSnapshot> getUserInfo(String uid) {
    return Firestore.instance.collection("user").document(uid).get();
  }

非同期でデータを取得できたら、ウィジェットに表示する

Widget _userImage(DocumentSnapshot data) {
    return FutureBuilder(
      // future属性で非同期処理を書く
      future: chatHelper.getUserInfo(data.data["uid"]),
      builder: (context, snapshot) {
        // 取得完了するまで別のWidgetを表示する
        if (!snapshot.hasData)
          return CircleAvatar(
            backgroundImage: AssetImage("assets/defaultImage.png"),
          );

        // 取得できたらそれにしたがってViewを表示する
        return CircleAvatar(
          backgroundImage: snapshot.data["profile_url"] == null
              ? AssetImage("assets/defaultImage.png")
              : NetworkImage(snapshot.data["profile_url"]),
        );
      },
    );
  }

2020-09-08

Android Studio Line行数の設定

Flutter

非同期でデータ取得後にウィジェットを表示する

コメント

カテゴリ

タグクラウド

最近の記事

アーカイブ

タグ

Your browser is out-of-date!