Flutter中putIfAbsent()无法更新Cart的Map数据问题

问题根源 #

你的Cart类中，items getter返回的是_items的副本（通过{..._items}创建了新的Map实例），而addItem方法里所有的新增、更新操作都是在这个副本上进行的，根本没有修改到真正存储数据的_items私有变量。所以每次操作后，原始的_items依然是空的，控制台打印的副本自然也是空，UI也不会收到更新通知。

修复方案 #

将addItem方法中所有操作items的地方，替换为直接操作_items变量；同时保留items getter的副本返回（这是为了防止外部直接修改内部数据，保证数据封装性）。

修复后的Cart Provider代码 #

import 'package:flutter/material.dart';

class CartItem {
  final String id;
  final String title;
  final int quantity;
  final double price;

  CartItem({
    required this.id,
    required this.title,
    required this.quantity,
    required this.price,
  });
}

class Cart with ChangeNotifier {
  Map<String, CartItem> _items = {};

  Map<String, CartItem> get items {
    return {..._items}; // 依然返回副本，保证数据封装
  }

  int get itemCount {
    return items.length;
  }

  void addItem({
    required String productId,
    required double price,
    required String title,
  }) {
    if (_items.containsKey(productId)) {
      // 直接操作原始的_items变量
      _items.update(
          productId,
          (existingCartItem) => CartItem(
                id: existingCartItem.id,
                title: existingCartItem.title,
                quantity: existingCartItem.quantity + 1,
                price: existingCartItem.price,
              ));
    } else {
      // 直接操作原始的_items变量
      _items.putIfAbsent(
        productId,
        () => CartItem(
          id: DateTime.now().toString(),
          title: title,
          price: price,
          quantity: 1,
        ),
      );
    }
    print(_items); // 打印原始数据确认
    notifyListeners();
  }
}

验证效果 #

修改后，点击购物车按钮时，_items会被正确修改，控制台会打印出包含商品的Map，右上角的徽章数量也会随着添加操作实时更新。

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