Flutter中使用Firestore计算购物车商品总价出现重复累加问题如何解决

• 总价变量total每次计算前未重置初始值：total为页面或全局成员变量时，每次执行加总逻辑直接运行+=操作，旧值未清空就叠加新计算的数值，就会出现持续累加的问题
• 计算逻辑位置不合理：build方法会在页面每次重绘（状态更新、页面切回等场景）时触发，写在builder内的加总逻辑会被反复执行
• 请求逻辑冗余：StreamBuilder已经监听了购物车集合的实时快照，在回调内额外执行get()请求，相当于每次快照更新都会重复触发两次加总逻辑，进一步加重累加问题
• 异步请求时机不可控：额外执行的get()是异步操作，回调可能在页面build完成后才执行，会触发额外的状态更新，导致数值计算错乱

修正后代码如下，核心逻辑为每次计算前重置total、直接使用StreamBuilder返回的快照数据做计算，避免额外请求：

Widget build(BuildContext context) {
  return Scaffold(
    backgroundColor: white,
    body: StreamBuilder(
      stream: FirebaseFirestore.instance
          .collection("users")
          .doc(user.uid)
          .collection("cart")
          .snapshots(),
      builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
        // 处理加载状态
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        // 处理错误状态
        if (snapshot.hasError) {
          return const Center(child: Text("购物车数据加载失败"));
        }
        // 处理空购物车状态
        if (!snapshot.hasData || snapshot.data!.docs.isEmpty) {
          total = 0;
          return const Center(child: Text("购物车暂无商品"));
        }

        // 每次计算前先重置total为0，避免叠加旧值
        total = 0;
        // 直接使用StreamBuilder返回的快照数据计算，不需要额外发起get请求
        for (var doc in snapshot.data!.docs) {
          total += doc.data()['price'] as num;
        }

        // 此处继续编写你的页面布局逻辑即可
        // ...
      },
    ),
  );
}

• 建议将total改为页面State类的局部变量，不要使用全局变量，避免其他页面的操作干扰数值准确性
• 如果需要跨页面共享购物车总价，可使用Provider、Bloc等状态管理组件统一维护总价状态，不要直接修改全局变量同步数值

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