Flutter中如何保存列表内Checkbox的选中状态？

你现在的问题核心是Checkbox的选中状态绑定错了判断依据——你用索引列表_selected_box来控制选中，但需求是基于产品ID是否在selectedProductIds里保持状态。直接调整以下几点就能解决：

1. 修改Checkbox的value绑定
   把原代码中value: _selected_box.contains(index)改成基于产品ID的判断：

value: selectedProductIds.contains(int.parse(snapshot.data!.data[index].id))

2. 移除冗余的索引列表（可选但推荐）
   用产品ID管理选中状态更可靠（不会因为列表数据顺序变化导致选中错位），可以删掉_selected_box，把onChanged里的判断逻辑换成基于产品ID：

3. 完整修改后的ListView.builder代码片段

ListView.builder(
  itemCount: snapshot.data!.data.length,
  itemBuilder: (context, index){
    final productId = int.parse(snapshot.data!.data[index].id);
    bool isSelected = selectedProductIds.contains(productId);
    return CheckboxListTile(
      title: Text(
        snapshot.data!.data[index].name,
        maxLines: 1,
        overflow: TextOverflow.ellipsis,
        style: TextStyle(color: kblue, fontSize: 20.sp, fontWeight: FontWeight.bold),
      ),
      activeColor: kblue,
      value: isSelected, // 基于产品ID判断选中状态
      onChanged: (value) {
        setState(() {
          if (isSelected) {
            // 取消勾选，移除对应产品ID
            selectedProductIds.remove(productId);
            futureRemoveMenuData = fetchRemoveMenuData(snapshot.data!.data[index].id, widget.prod);
            futureDeleteMenu = fetchDeleteMenu(widget.prod);
            futureCreateMenu = fetchCreateMenu();
            Fluttertoast.showToast(
              msg: "Item Removed from Menu!",
              toastLength: Toast.LENGTH_SHORT,
              gravity: ToastGravity.BOTTOM,
              backgroundColor: Colors.black54,
              textColor: Colors.white,
            );
          } else {
            // 勾选，添加对应产品ID
            selectedProductIds.add(productId);
            futureAddMenuData = fetchAddMenuData(snapshot.data!.data[index].id, widget.prod);
            futureCreateMenu = fetchCreateMenu();
            Fluttertoast.showToast(
              msg: "Item Added to Menu!",
              toastLength: Toast.LENGTH_SHORT,
              gravity: ToastGravity.BOTTOM,
              backgroundColor: Colors.black54,
              textColor: Colors.white,
            );
          }

          // 后续接口调用逻辑保持不变
          if (value == true) {
            futureAddMenuData = fetchAddMenuData(snapshot.data!.data[index].id, widget.prod);
          } else {
            futureRemoveMenuData = fetchRemoveMenuData(snapshot.data!.data[index].id, widget.prod);
            futureDeleteMenu = fetchDeleteMenu(widget.prod);
          }
        });
      },
      contentPadding: EdgeInsets.zero,
      controlAffinity: ListTileControlAffinity.leading,
    );
  }
);

修改后，只要产品ID存在于selectedProductIds列表中，对应的Checkbox就会始终保持选中状态，不会因为列表重新渲染出现状态错乱的问题。

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