类“AsyncSnapshot”没有实例getter“docs”

Question

我是从火神那里收取数据的，我有这个，我是火神的新手，我知道的不多，所以你能帮我吗？

Container(
  height: 700,
  child: GridView.builder(
    itemCount: snapShot.data.docs.length,
    // ignore: non_constant_identifier_names
    itemBuilder: (context, index) => SingleProduct(
        name: snapShot.docs.data[index]["name"],
        price: snapShot.docs.data[index]["precio"],
        image: snapShot.docs.data[index]["image"]),
    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 2,
        childAspectRatio: 0.7,
        crossAxisSpacing: 10,
        mainAxisSpacing: 10),
  ),
)

错误是这样的：类'AsyncSnapshot'没有实例getter'docs'。接收器：'AsyncSnapshot'的实例尝试调用：docs

Answer 1

这里的问题是您将一个快照与另一个快照弄错了。

在变量中有一个AsyncSnapshot的实例。此快照可能处于加载状态，或包含您正在查找的快照。

您可以检查它是否已经有这样的数据：

final querySnapshot = snapshot.data;
if (querySnapshot == null) return Container();

// Now, you are safe to use your querySnapshot.
querySnapshot.docs
// ...

代码中的错误如下所示：

itemBuilder: (context, index) => SingleProduct(
                    name: snapShot.docs.data[index]["name"],
                    price: snapShot.docs.data[index]["precio"],
                    image: snapShot.docs.data[index]["image"]),

在这里，您尝试访问snapShot.docs而不是正确的snapShot.data.docs。