首页 > 解决方案 > Firestore 查询正在返回数据,但 Futurebuilder 说它不能为空

问题描述

我正在尝试根据我在 Firestore 中的文档构建一个列表。以下是我的未来功能:

Future getBuyerList() async {

await Firestore.instance.collection('Deals').where('buyer_id',isEqualTo: uid_global).snapshots().listen((data) {
  data.documents.forEach((doc) {

    print('in function -  ${doc["car"]}');


    print(doc.data);


  });
});


}

以上在调试器中运行良好。它显示了我希望放入列表中的项目的完整列表。

我的小部件树中的 Future Builder 如下:

FutureBuilder(

                future: getBuyerList(),

                builder: (BuildContext context, snapshot) {


                if(snapshot.hasData){
                  if(snapshot.connectionState == ConnectionState.waiting){

                    return Center(

                      child: CircularProgressIndicator(),

                    );


                  }else{

                    Center(

                      child: Text('data loaded')

                    );

                  }

                }else if (snapshot.hasError){

                  Text('no data');

                }

                },
              ),

我还没有将快照加载到 Listview 中,因为我正试图让 FutureBuilder 至少成功运行。但我不断收到 FutureBuilder 空错误。

Future Builder 上的空错误。

我尝试通过返回一个列表将该函数作为非 void 函数运行,但随后在编译时出现错误,说我无法将 Map 分配给 Future>。

请帮忙。

@Peter Haddad 的回答是正确的,但我还需要通过添加对构建器进行更改AsyncSnapshot<QuerySnapshot>

builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot)

标签: firebaseflutterdartgoogle-cloud-firestorefuture

解决方案


使用时需要添加 return FutureBuilder

           FutureBuilder(
                future: getBuyerList(),
                builder: (BuildContext context, snapshot) {
                if(snapshot.hasData){
                  if(snapshot.connectionState == ConnectionState.waiting){
                    return Center(
                      child: CircularProgressIndicator(),
                    );
                  }else{
                   Center(
                      child: Text('data loaded')
                    );
                  }
                }else if (snapshot.hasError){
                  Text('no data');
                }
                  return CircularProgressIndicator();
                },
              ),

return CircularProgressIndicator();因为AsyncWidgetBuilder返回 a Widget。此外,如果FutureBuilder是函数中的顶部小部件,build那么您需要返回它:

return FutureBuilder( /*...*/)

关于功能getBuyerList(),请执行以下操作:

  Future<QuerySnapshot> getBuyerList() async {
    return await Firestore.instance
        .collection('Deals')
        .where('buyer_id', isEqualTo: uid_global)
        .getDocuments();
  }

推荐阅读