Flutter中ListTile点击无法选中及复选框状态不更新问题求助

1. 修复自定义类的相等性判断 #

你的代码中用unit == selectedUnit判断选中状态，但如果Unit是自定义类，Dart默认的==是比较对象引用。如果allUnits列表刷新时生成了新的Unit实例（即使属性完全相同），这个比较会返回false，导致选中状态无法正确更新。

重写Unit类的==和hashCode方法，改为基于属性比较：

class Unit {
  final String? name;
  final bool? isOccupied;
  // 其他属性根据你的实际情况补充

  Unit({this.name, this.isOccupied});

  @override
  bool operator ==(Object other) =>
      identical(this, other) ||
      other is Unit &&
          runtimeType == other.runtimeType &&
          name == other.name &&
          isOccupied == other.isOccupied;

  @override
  int get hashCode => Object.hash(name, isOccupied);
}

2. 确认setState的作用域 #

确保这段ListView代码处于StatefulWidget的build方法内，且setState调用的是当前State类的方法。如果是在StatelessWidget中使用，setState不会触发UI刷新，这是最容易忽略的问题。

3. 用CheckboxListTile简化交互逻辑 #

手动通过ListTile的leading图标模拟复选框容易出错，直接使用CheckboxListTile可以自带复选框的交互逻辑，同时统一处理选中状态：

Unit? selectedUnit;

ListView.builder(
  itemCount: allUnits.length,
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  itemBuilder: (context, index) {
    final unit = allUnits[index];
    final isOccupied = unit.isOccupied!;
    final isSelected = unit == selectedUnit;

    return Card(
      elevation: 5.0,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(5.0),
      ),
      child: CheckboxListTile(
        enabled: !isOccupied, // 已占用的项禁用交互
        value: isSelected,
        onChanged: isOccupied
            ? null // 已占用时不响应状态变化
            : (newValue) {
                setState(() {
                  selectedUnit = newValue == true ? unit : null;
                });
              },
        title: Text(
          unit.name!,
          style: isOccupied
              ? const TextStyle(decoration: TextDecoration.lineThrough)
              : null,
        ),
        subtitle: Text(isOccupied ? "Occupied" : "Vacant"),
        activeColor: EKodi.themeColor, // 复选框选中时的颜色
      ),
    );
  },
)

4. 排查手势拦截问题 #

如果父组件或Card上包裹了GestureDetector等手势组件，可能会拦截ListTile/CheckboxListTile的点击事件。检查是否有不必要的手势包裹，或者给GestureDetector设置behavior: HitTestBehavior.translucent让事件透传。

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