Flutter 2.12.0空安全版本Checkbox点击无法勾选状态不更新问题

问题根因 #

• 第一处错误：TaskCheckBox组件的onChanged回调中，仅引用了回调函数对象，没有实际执行函数，也没有将Checkbox的最新值传入回调
• 第二处错误：TaskCheckBox中定义的toggleCheckBoxState没有明确参数类型，不符合空安全规范，调用时会存在类型不匹配问题

修复步骤 #

1. 修正TaskCheckBox类的参数定义 #

明确回调函数的参数类型，移除不必要的late修饰符：

class TaskCheckBox   extends StatefulWidget {
  final bool checkboxState;
  // 明确回调接收bool类型参数
  final Function(bool) toggleCheckBoxState;
  const TaskCheckBox(this.checkboxState, this.toggleCheckBoxState);

  @override
  State<TaskCheckBox> createState() => _TaskCheckBoxState();
}

2. 修正Checkbox的onChanged执行逻辑 #

处理空安全下的可空返回值，不为空时执行回调并传入最新状态：

class _TaskCheckBoxState extends State<TaskCheckBox> {
  @override
  Widget build(BuildContext context) {
    return Checkbox(
      value: widget.checkboxState,
      activeColor:Colors.lightBlueAccent,
      onChanged: (bool? value) {
        // 判空后执行回调传入最新值
        if (value != null) {
          widget.toggleCheckBoxState(value);
        }
      },
    );
  }
}

可选优化 #

当前TaskTile构造传入的text参数未被使用，可将硬编码的标题替换为传入的文本：

// ListTile的title属性修改为
title: Text(
  widget.text.data ?? '',
  style:TextStyle(
    decoration:  isChecked ? TextDecoration.lineThrough:null
  ),
),

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