该方法[]不能无条件调用，因为接收器可以为null。我正在尝试读取数据中的数据集

Question

这是我的产品提供商的一部分，我正在呼吁主页将图像和文本返回屏幕。在element.data（）的产品函数内部，我试图用element.get（'field value'）替换它。错误消失了，但没有写在屏幕上。我确定问题是无效的，但是添加了吗？或者 ！ toelement.data？（）或element.data！（）什么都不解决。我不知道其他要提供的友好的见解，

 List<Product> homeFeature = [];
  late Product homeFeaturedata;
  Future<void> gethomefeaturedata() async {
    List<Product> newlist = [];
    QuerySnapshot homeFeaturesnapshot =
        await FirebaseFirestore.instance.collection("homefeature").get();   
    homeFeaturesnapshot.docs.forEach((element) {
      var homeFeaturedata = Product(
          image: element.data()["image"],
          name: element.data()["name"],
          price: element.data()["image"]);
      newlist.add(homeFeaturedata);
    });

    homeFeature = newlist;
  }

  List<Product> get gethomefeaturelist {
    return homeFeature;
    
  }


[enter image description here][1]


  [1]: https://i.sstatic.net/wVveO.png

这是我将从querysnapshot调用数据的一部分

 Row(
        children: homeFeaturedProduct.map((e) {
          return Expanded(
            child: Row(children: [
              Expanded(
                child: GestureDetector(
                  onTap: () {
                    Navigator.of(context).pushReplacement(
                      MaterialPageRoute(
                          builder: (context) => DetailView(
                              image: e.image, price: e.price, name: e.name)),
                    );
                  },
                  child: SingleProduct(
                      image: e.image, price: e.price, name: e.name),
                ),
              ),
              GestureDetector(
                  onTap: (() {
                    Navigator.of(context).pushReplacement(
                      MaterialPageRoute(
                          builder: (context) => DetailView(
                              image: e.image, price: e.price, name: e.name)),
                    );
                  }),
                  child: SingleProduct(
                    image: e.image,
                    price: e.price,
                    name: e.name,
                  )),
                  
            ]),
          );
        }).toList(),
      )

Answer 1

爆炸操作员（感叹号）应在方法调用之后出现。因此，您的情况，data！（）实际上应该是data（）！。

除此之外，我建议，如果您在外壳中多次使用相同的方法，最好将其取出变量。像这样：

final feature = element.data()!;
newList.add(Product(
  image: feature["image"],
  name: feature["name"],
  price: feature["image"],
));

作为旁注，您应该注意命名约定。 DART建议使用Camelcase进行变量（并且您的IDE也应该提醒您此事）。例如，homefeaturedata应为homefeaturedata，gethomefeaturedata应为gethomefeaturedata。

最后，我认为您不需要晚产品homefeaturedata;语句，因为它在范围内未使用。只需将var替换为final。