我帮你分析下这个问题哈，你遇到的是状态不同步的典型场景，主要有三个核心问题需要调整，咱们一步步来改：

1. 先解决「CartManager实例不统一」的问题 #

你在TEProductIncrementor里每次都new CartManager()，这就导致你操作的购物车状态和HomeScreen里监听的完全不是同一个实例！状态根本没法同步，这是最关键的问题。

把TEProductIncrementor里的这段代码：

var cartmanager = CartManager();

改成：

var cartmanager = Provider.of<CartManager>(context, listen: false);

这里listen: false是因为咱们只需要修改购物车状态，不需要监听它的变化，避免不必要的组件重建。

2. 确保CartManager能通知状态变化 #

你的CartManager必须继承ChangeNotifier，并且在所有修改购物车状态的方法（比如updateToCart）里调用notifyListeners()，这样Provider才能把状态变化通知给所有监听的组件。

示例CartManager代码：

class CartManager extends ChangeNotifier {
  List<dynamic> _cart = []; // 替换成你的商品类型

  List<dynamic> getCart() => _cart;

  void updateToCart(String count, dynamic product) {
    // 你的商品数量更新逻辑（添加/移除/修改）
    // ...
    
    notifyListeners(); // 必须调用这个！通知所有监听者状态已变更
  }
}

3. 让HomeScreen实时监听购物车状态变化 #

之前HomeScreen的底部导航栏不会自动刷新，是因为它没有监听CartManager的状态变化。咱们用Consumer组件包裹底部导航栏，这样只有当购物车数量变化时，才会重建导航栏的相关部分，既高效又能实时更新。

修改HomeScreen的build方法，把底部导航栏改成这样：

@override
Widget build(BuildContext context) {
  return SafeArea(
    child: Scaffold(
      backgroundColor: Colors.white,
      resizeToAvoidBottomPadding: true,
      body: children[_currentindex],
      // 用Consumer包裹BottomNavigationBar
      bottomNavigationBar: Consumer<CartManager>(
        builder: (context, bloc, child) {
          int totalCount = bloc.getCart().length;
          return BottomNavigationBar(
            fixedColor: Colors.transparent,
            backgroundColor: Colors.orange,
            onTap: onNavigationTapbar,
            currentIndex: _currentindex,
            items: <BottomNavigationBarItem>[
              // 保持原有的Product、Order、Account导航项不变
              BottomNavigationBarItem(
                icon: Icon(
                  Icons.reorder,
                  size: 30,
                  color: Colors.white,
                ),
                title: Text(
                  'Product',
                  style: TextStyle(fontSize: 15, color: Colors.white),
                ),
              ),
              BottomNavigationBarItem(
                icon: Icon(
                  Icons.add_alert,
                  size: 30,
                  color: Colors.white,
                ),
                title: Text(
                  'Order',
                  style: TextStyle(fontSize: 15, color: Colors.white),
                ),
              ),
              // 购物车导航项（这里用实时获取的totalCount）
              BottomNavigationBarItem(
                icon: Stack(
                  children: <Widget>[
                    Icon(
                      Icons.shopping_cart,
                      size: 30,
                      color: Colors.white,
                    ),
                    Positioned(
                      bottom: 12.0,
                      right: 0.0,
                      child: Container(
                        constraints: BoxConstraints(
                          minWidth: 20.0,
                          minHeight: 20.0,
                        ),
                        decoration: BoxDecoration(
                          color: Colors.red,
                          borderRadius: BorderRadius.circular(10.0),
                        ),
                        child: Center(
                          child: Text(
                            '$totalCount',
                            style: TextStyle(
                              fontSize: 12,
                              color: Colors.white,
                              fontWeight: FontWeight.bold,
                            ),
                          ),
                        ),
                      ),
                    )
                  ],
                ),
                title: Text(
                  'Cart',
                  style: TextStyle(fontSize: 15, color: Colors.white),
                ),
              ),
              BottomNavigationBarItem(
                icon: Icon(
                  Icons.lock,
                  size: 30,
                  color: Colors.white,
                ),
                title: Text(
                  'Account',
                  style: TextStyle(fontSize: 15, color: Colors.white),
                ),
              ),
            ],
            type: BottomNavigationBarType.fixed,
          );
        },
      ),
    ),
  );
}

最后检查 #

做完上面三步后，你在ProductScreen点击±按钮调整商品数量时，底部导航栏的购物车数字就会即时更新了，不用再切换页面刷新。

内容的提问来源于stack exchange，提问作者Umair