Flutter Firebase 获取文档列表

Question

当我想获取数据作为对象列表时

 onPressed: () {
     print("entered");
     ProductServices _productServives = ProductServices();
     Future<List<dynamic>> plist = _productServives.getProducts2();
     print(plist);
  },

Future<List<dynamic>> getProducts2() async {
    CollectionReference ref = _firestore.collection('Products');
    List<Product> productsArray = [];

    ref.snapshots().forEach((element) {
      element.docs.forEach((value) {
        var p = Product.fromSnapshot(value);
        productsArray.add(p);
        print("size: " + productsArray.length.toString());
      });
      // productsArray.add(element);
    });
    print("+ size: " + productsArray.length.toString());

    return productsArray;
  }

它没有像我想要的那样逐行工作。 在为每个将元素放入列表并增加大小但由于工作队列返回列表为空。

我该如何解决这个问题，我在哪里可以研究异步操作。

输出：

I/flutter (29128): entered
I/flutter (29128): + size: 0
I/flutter (29128): Instance of 'Future<List<dynamic>>'
I/flutter (29128): size: 1
I/flutter (29128): size: 2
I/flutter (29128): size: 3

Answer 1

我解决了这样的问题编码

await ref.snapshots().first.then((value) => {
          value.docs.forEach((element) {
            print(element.id);
            var p = Product.fromSnapshot(element);
            productsArray.add(p);
          })
        });

Answer 2

由于您已经将函数标记为async，您可以在其中使用await 来稍微掩盖异步性：

Future<List<dynamic>> getProducts2() async {
  CollectionReference ref = _firestore.collection('Products');
  List<Product> productsArray = [];

  var snapshots = await ref.get()
  snapshots.forEach((element) {
    element.docs.forEach((value) {
      var p = Product.fromSnapshot(value);
      productsArray.add(p);
      print("size: " + productsArray.length.toString());
    });
  });
  print("+ size: " + productsArray.length.toString());

  return productsArray;
}

要了解更多关于 Future 和 Flutter 中的 async/await 的信息：https://www.google.com/search?q=futures%2C+and+async%2Fawait+in+Flutter。事实上，我会将该搜索中的第一个 video 添加到我的播放列表中，因为 Andrew 是一位出色的解释者。