如何在Flutter中修改Food列表指定实例的quantity属性？

我有一个Food类的列表userOrders，想创建集成ChangeNotifier的FoodCounter Provider类，实现对指定Food实例的quantity属性增减操作，但当前代码只能修改列表第一个元素，请问怎么指定具体Food实例来修改它的quantity？

Food类定义 #

class Food {
  String imgUrl;
  String desc;
  String name;
  String waitTime;
  num score;
  int price;
  int quantity;
  List<Map<String, String>> ingredients;
  String about;
  bool highlight;
  Food(this.imgUrl, this.desc, this.name, this.waitTime, this.score, this.price,
      this.quantity, this.ingredients, this.about,
      {this.highlight = false});
}

原有问题代码 #

class FoodCounter with ChangeNotifier {
  int _count = userOrders[0].quantity;

  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();
  }

  void decrement() {
    _count--;
    notifyListeners();
  }

  void reset() {
    _count = 0;
    notifyListeners();
  }

  void update() {
    notifyListeners();
  }
}

解决方案 #

你的问题核心是原有代码硬绑定了userOrders[0]，且_count只是独立数值，没有和具体Food实例关联。以下两种方案可以解决：

方案一：让FoodCounter持有目标Food实例（适合单目标场景）

修改FoodCounter，直接操作传入的Food实例的quantity，不再单独维护_count：

class FoodCounter with ChangeNotifier {
  Food? _targetFood;

  // 设置要操作的目标Food
  void setTargetFood(Food food) {
    _targetFood = food;
    notifyListeners();
  }

  // 获取当前目标的数量
  int get currentQuantity => _targetFood?.quantity ?? 0;

  void increment() {
    if (_targetFood != null) {
      _targetFood!.quantity++;
      notifyListeners();
    }
  }

  void decrement() {
    if (_targetFood != null && _targetFood!.quantity > 0) {
      _targetFood!.quantity--;
      notifyListeners();
    }
  }

  void reset() {
    if (_targetFood != null) {
      _targetFood!.quantity = 0;
      notifyListeners();
    }
  }
}

使用方式：先指定目标Food，再调用增减方法

// 比如操作userOrders中的第2个元素
Provider.of<FoodCounter>(context, listen: false).setTargetFood(userOrders[1]);

方案二：方法直接传入目标Food实例（适合多目标切换场景）

不需要在FoodCounter中存储目标，每次调用方法时直接传入要修改的Food：

class FoodCounter with ChangeNotifier {
  void increment(Food food) {
    food.quantity++;
    notifyListeners();
  }

  void decrement(Food food) {
    if (food.quantity > 0) {
      food.quantity--;
      notifyListeners();
    }
  }

  void reset(Food food) {
    food.quantity = 0;
    notifyListeners();
  }
}

使用方式：调用方法时直接传目标Food

// 修改userOrders中指定下标的元素
Provider.of<FoodCounter>(context, listen: false).increment(userOrders[index]);

进阶优化（可选） #

如果希望Food类是不可变类型（更符合Flutter状态管理最佳实践），可以把字段设为final，并添加copyWith方法来生成新实例：

class Food {
  final String imgUrl;
  final String desc;
  final String name;
  final String waitTime;
  final num score;
  final int price;
  final int quantity;
  final List<Map<String, String>> ingredients;
  final String about;
  final bool highlight;

  Food(this.imgUrl, this.desc, this.name, this.waitTime, this.score, this.price,
      this.quantity, this.ingredients, this.about,
      {this.highlight = false});

  // 生成新实例并修改指定字段
  Food copyWith({int? quantity}) {
    return Food(
      imgUrl,
      desc,
      name,
      waitTime,
      score,
      price,
      quantity ?? this.quantity,
      ingredients,
      about,
      highlight: highlight,
    );
  }
}

此时修改方法需要替换列表中的实例：

class FoodCounter with ChangeNotifier {
  void increment(Food targetFood, List<Food> orders) {
    int index = orders.indexOf(targetFood);
    if (index != -1) {
      orders[index] = orders[index].copyWith(quantity: orders[index].quantity + 1);
      notifyListeners();
    }
  }
}

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