Flutter：如何在ListView.builder中实现单个复选框独立选中

问题根源 #

你当前使用**单个布尔变量values**控制所有复选框的选中状态，导致任何一个复选框点击时，这个全局变量的变更会同步到所有复选框，出现"全选/全消"的问题。

解决方案：为每个复选框维护独立状态 #

你需要用一个集合（列表或映射）来存储每个选项的选中状态，确保每个复选框对应自己的状态项。

方案1：使用Map<String, bool>按选项名称存储状态（推荐，适配你的isSelected逻辑）

1. 初始化状态集合

// 定义存储每个选项选中状态的Map，键为选项名称，值为选中状态
Map<String, bool> selectedStates = {};

@override
void initState() {
  super.initState();
  // 初始化所有选项为未选中状态
  for (var item in bool_) {
    selectedStates[item.name] = false;
  }
}

2. 修改ListView.builder代码

ListView.builder(
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  itemCount: bool_.length,
  itemBuilder: (BuildContext context, int index) {
    final currentItem = bool_[index];
    return CheckboxListTile(
      // 绑定当前选项对应的状态
      value: selectedStates[currentItem.name] ?? false,
      title: Text(currentItem.name),
      onChanged: (selected) {
        setState(() {
          // 仅修改当前选项的状态
          selectedStates[currentItem.name] = selected!;
          isSelected(selected, currentItem.name);
        });
      },
    );
  },
),

方案2：使用List<bool>按索引存储状态

如果选项顺序固定，也可以用列表按索引对应状态：

1. 初始化状态列表

List<bool> selectedStates = [];

@override
void initState() {
  super.initState();
  // 生成与选项列表长度一致的初始状态（全未选中）
  selectedStates = List.generate(bool_.length, (index) => false);
}

2. 修改ListView.builder代码

ListView.builder(
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  itemCount: bool_.length,
  itemBuilder: (BuildContext context, int index) {
    return CheckboxListTile(
      // 绑定当前索引对应的状态
      value: selectedStates[index],
      title: Text(bool_[index].name),
      onChanged: (selected) {
        setState(() {
          // 仅修改当前索引的状态
          selectedStates[index] = selected!;
          isSelected(selected, bool_[index].name);
        });
      },
    );
  },
),

原理说明 #

通过为每个复选框分配独立的状态存储项，点击操作只会修改当前选项对应的状态值，其他复选框的状态不受影响，从而实现独立控制。

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