先获取数据然后（）返回小部件

Question

dart 和 firestore 非常新，正在尝试制作动态 Drawer 小部件。进行两次 firebaseDB 调用，一次用于获取 say 事件列表，另一次用于从 Venue master 集合中获取事件的地点图像。

现在的问题是，属性第一次保持为空，再次触发时（关闭和打开抽屉）返回值，尝试在 then() 内返回（如下所示），但没有返回任何内容，因为小部件需要返回一个小部件，

   return ListView.builder(
        reverse: false,
        padding: const EdgeInsets.all(15),
        itemCount: Properties.length,
        itemBuilder: (ctx, i) {

          Firestore.instance.collection('Properties').document(Properties[i]['PropertyId']).get().then((docSnap) {
            property = docSnap;
            print(property['PropertyImage']);
            if (property==null || !property.exists)
              return Center(
                child: CircularProgressIndicator(),
              );
            else
              return InkWell(
                onTap: () {},
                child: Ink.image(
                  image: NetworkImage(property['PropertyImage']),
                  fit: BoxFit.cover,
                  width: 50,
                  height: 50,
                ),
              );
          });

        },
      );

Answer 1

您可能希望将 ListView 包装在 FutureBuilder 中。未来应该以.documents 结尾，在ListView 中你应该使用snapshot.data[index] 来引用一个特定的文档。

Here 是一个更详细描述它的好视频。

编辑：如果你真的需要，FutureBuilder 可以在 ListView 中，但这会非常低效，因为它会导致文档被一个一个地获取而不是一次全部获取。