如何修复 "Could not find the correct Provider<Product> above this ProductItem Widget "？

Question

我对颤动非常陌生。这是我第一次使用提供商。我已经解决了所有的解决方案，但似乎没有任何帮助。

在我正在开发的购物应用程序中，我尝试使用提供程序包将数据动态传递到我的小部件。

我正在分享非常大的错误消息的代码和屏幕截图。希望有人能帮忙

网格视图生成器

final productData = Provider.of<ProductsProvider>(context);
final products = productData.items;
return GridView.builder(
  padding: EdgeInsets.all(10),
  itemCount: products.length,
  itemBuilder: (context, index) => ChangeNotifierProvider.value(
      value: products[index], child: ProductItem()),
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 2,
      childAspectRatio: 0.75,
      crossAxisSpacing: 10,
      mainAxisSpacing: 10),
);

网格中的单个产品项

final product = Provider.of<Product>(context);
return Container(
  child: GestureDetector(
    onTap: () {
      Navigator.of(context)
          .pushNamed(ProductDetails.routeName, arguments: product.id);
    },
    child: Card(
      color: Colors.white,
      elevation: 6,
      shape:
          RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          //product image
          Image(image: AssetImage(product.imageUrl)),
          Padding(
            padding: EdgeInsets.symmetric(vertical: 0, horizontal: 10),
            //item name and fav button
            child: Flex(
              direction: Axis.horizontal,
              children: <Widget>[
                Expanded(
                    child: Text(
                  product.name,
                  style: Theme.of(context)
                      .textTheme
                      .headline1
                      .copyWith(fontSize: 16, color: Colors.black),
                )),
                IconButton(
                    icon: Icon(
                      product.isFav
                          ? Icons.favorite
                          : Icons.favorite_border,
                      color: Colors.red,
                    ),
                    onPressed: () {
                      product.toggleFav();
                    })
              ],
            ),
          ),
          // price and buy button
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 10, vertical: 0),
            child: Flex(
              direction: Axis.horizontal,
              children: <Widget>[
                Expanded(
                    child: Text(
                  "$ " + product.price.toString(),
                  style: Theme.of(context).textTheme.headline1.copyWith(
                      color: Theme.of(context).primaryColor, fontSize: 15),
                )),
                SizedBox(
                  width: 60,
                  child: RaisedButton(
                    onPressed: () {},
                    color: Colors.orange,
                    child: Text(
                      "Buy",
                      style: TextStyle(fontFamily: 'Prompt', fontSize: 14),
                    ),
                  ),
                )
              ],
            ),
          ),
        ],
      ),
    ),
  ),
);

screenshot of error

Answer 1

您需要在主 material 小部件中声明提供程序。 atm你在用但是你还没有告诉flutter你会用

https://flutter.dev/docs/development/data-and-backend/state-mgmt/simple#changenotifierprovider

如何修复 "Could not find the correct Provider<Product> above this ProductItem Widget "？

How to fix "Could not find the correct Provider<Product> above this ProductItem Widget "?

provider

flutter

flutter-dependencies