如何使用供应商

Question

在此处输入图像描述

我想在 onTap 完成后更改 AppIcon2 class 中的 iconColor 变量。 我如何与提供者一起做？

``

我试图与提供者一起做，但没有成功

class AppIcon2 extends ChangeNotifier {
  Color _color = Colors.transparent;

  void Colorr() {
    Colors.green;
  }
}

              onTap: () {
                if (_count > 0) {
                  Provider.of<AppIcon2>(context, listen: true).Colorr();

                  const snackBar = SnackBar(
                    duration: Duration(milliseconds: 799),
                    content: Text(
                      'Added to cart',
                      style: TextStyle(fontSize: 20),
                    ),
                    backgroundColor: Color(0xFF89dad0),
                  );
                  ScaffoldMessenger.of(context).showSnackBar(snackBar);
                }
              },

 Stack(children: [
                    AppIcon(icon: Icons.shopping_cart_outlined),
                    Consumer<AppIcon2>(builder: (context, AppIcon2, child) {
                      return Positioned(
                        right: 0,
                        top: 0,
                        child: Icon(
                          Icons.circle_rounded,
                          color: AppIcon2._color,
                          size: 15,
                        ),
                      );
                    })
                  ])

Answer 1

您可以使用如下提供程序：

 @override
  Widget build(BuildContext context) {
  HomeProvider? homeProvider =  Provider.of<HomeProvider>(context);
    return  Consumer<HomeProvider>(
                    builder: (ctx, model, _) {
 return Scaffold(
     body : IconButton(
     onPressed : ()  {
      model.color ///// Change as per your requirement 
      homeprovider.color