如何在颤动的列表视图中显示firebase数组答案

【问题标题】：How to display the firebase array in the list view in flutter如何在颤动的列表视图中显示firebase数组
【发布时间】：2020-09-20 12:28:33
【问题描述】：

Future<List<DocumentSnapshot>> getData() async {
    var firestore = Firestore.instance;
    QuerySnapshot qn = await firestore
        .collection("UserTransactions")
        .where("AuthUserId", isEqualTo: userId)
        .getDocuments();
    return qn.documents;
}

这里我根据id获取所有文档，我想在列表视图中显示一个数组的交易

FutureBuilder(
    future: getData(),
    builder: (_, AsyncSnapshot<List<DocumentSnapshot>> snapshot) {
        return ListView.builder(
            itemCount: snapshot.data.length,
            itemBuilder: (_, index) {
                return Text(snapshot.data[index].data["transactions"][index]["Mode"])
            })
    }
);

我收到错误：

The getter 'length' was called on null.
Receiver: null
Tried calling: length

如果数组为空，如何显示这些值并且什么也不显示？

【问题讨论】：

我认为 FutuBuilder 不会发生这种情况
由于答案对您有所帮助，请点赞并将其标记为正确，以便其他人知道它有帮助，谢谢！

标签： firebase flutter dart google-cloud-firestore

【解决方案1】：

你需要检查数据是否全部检索到：

 FutureBuilder(
    future: getData(),
    builder: (_, AsyncSnapshot<List<DocumentSnapshot>> snapshot) {
             if(snapshot.hasData){
             return ListView.builder(
                       itemCount: snapshot.data.length,
                       itemBuilder: (_, index) {
                       return Text(snapshot.data[index].data["transactions"][index]["Mode"])  
                       }
           return CircularProgressIndicator();
        }
  )

使用snapshot.hasData 检查是否检索到数据，使用CircularProgressIndicator 将显示加载图标，直到完全检索到数据。

【讨论】：