firebase - 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 空错误。
我尝试通过返回一个列表将该函数作为非 void 函数运行,但随后在编译时出现错误,说我无法将 Map 分配给 Future>。
请帮忙。
@Peter Haddad 的回答是正确的,但我还需要通过添加对构建器进行更改AsyncSnapshot<QuerySnapshot>
:
builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot)
解决方案
使用时需要添加 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();
}
推荐阅读
- node.js - 使用 Node.js 等待所有 Mongo 查询
- javascript - 使用 .map() 创建多个选择列表时,如何将每个列表的唯一值传递给父组件以组合在一起
- python - Keras如何编写并行模型,用于多类预测
- c# - 当用户点击屏幕时检测 Canvas 中是否有按钮
- smartcard - EMV Rupay 应用程序选择不起作用
- node.js - 移动 vue 项目意外错误 ...mapActions
- javascript - 使用javascript向每个值添加一些x量后如何将值推送到数组中?
- python - 需要帮助用python中的数字制作希尔伯特曲线
- java - 编写一个Java程序,创建三个新线程
- javascript - Chromium 78 上嵌套 iframe 中的指针事件失败