问题将元素添加到列表

Question

我是 Flutter 的新手，我正在尝试将 Cloud Firestore 中的一些数据添加到 Flutter 的列表中，但遇到了问题。我尝试添加元素，但执行后，元素不存在。它也没有抛出异常或任何东西。也许其他人对我有一些建议！

我尝试更改列表的类型（从 Cloud Firestore 捕获文档而不是文档中的数据，同样的问题），我还调试打印了我尝试存储的数据以确保它存在，它确实存在。我也完成了基本的故障排除，比如运行 flutter clean 。我正在使用最新版本的 Flutter。

Firestore db = firestore();

List<String> getString() {

var dataList = new List<String>();

db.collection('Users').get().then((querySnapshot) {
  querySnapshot.forEach((doc) {
    dataList.add(doc.get('First name'));
  });
});

debugPrint(dataList.first);

return dataList;

该列表为空，但它应包含此 Cloud Firestore 文档中的“名字”字段。再次验证数据确实存在并在调用 debugPrint 时打印。

Answer 1

db.collection('Users').get() 是一个异步函数，因此debugPrint(dataList.first); 在您的 firestore 获取结束之前执行，因为您的数组返回空。

如果你尝试一下：

db.collection('Users').get().then((querySnapshot) {
  querySnapshot.forEach((doc) {
    dataList.add(doc.get('First name'));
  });
  debugPrint(dataList.first);
});

您将看到您的数据。

您可以使用await 等待调用完成，因此您必须返回Future 并在函数声明中使用async 关键字。这是 Flutter 异步函数必须知道的一个概念 (Async Flutter)。所以，下面的代码可以解决你的问题。

Firestore db = firestore();

Future <List<String>> getString() async {

var dataList = new List<String>();

var result = await db.collection('Users').get();
result.forEach((doc) {
    dataList.add(doc.get('First name'));
  });

debugPrint(dataList.first);

return dataList;
}