Flutter中如何让动态生成的CheckboxListTile独立选中互不联动

问题原因 #

你现在所有列表项共用了同一个全局_isChecked布尔变量作为选中状态绑定值，只要任意一个复选框触发修改，所有项的绑定值都会同步变更，才会出现点一个全选的情况。

修复方法 #

方案1：用列表存储每个项的独立状态（最便捷） #

1. 把原来的单布尔状态替换为布尔列表，长度和你的数据源长度保持一致

// 替换原来的 bool _isChecked = false;
List<bool> _checkedStatusList = [];

2. 在页面初始化时给状态列表赋默认值

@override
void initState() {
  super.initState();
  // 按数据源长度初始化，默认全部未选中
  _checkedStatusList = List.generate(itemNameList.length, (index) => false);
}

3. 修改CheckboxListTile的状态绑定和修改逻辑

CheckboxListTile(
  title: Text(itemNameList[index]),
  secondary: Icon(itemIconList[index]),
  subtitle: Row(
    children: [
      Text('R ${itemPriceList[index]}'),
      Padding(
        padding: const EdgeInsets.only(left: 25.0),
        child: Text("x2"),
      ),
    ],
  ),
  // 绑定对应下标的状态值
  value: _checkedStatusList[index],
  onChanged: (bool? value) {
    if (value != null) {
      setState(() {
        // 只修改当前点击下标的状态
        _checkedStatusList[index] = value;
      });
    }
  },
)

如果后续你的列表会动态增删数据，只要同步调整_checkedStatusList的长度和对应位置的值即可。

方案2：封装独立Stateful列表项（适合复杂逻辑场景） #

如果你的列表项本身逻辑比较复杂，可以把单个CheckboxListTile封装成一个独立的StatefulWidget，每个组件自己维护内部的选中状态，父组件只需要传入对应项的展示数据，可选加个回调把选中状态回传给父组件即可，天然状态隔离不会互相影响。

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