Flutter开发ToDo列表时Checkbox出现bool类型赋值及回调报错问题

问题1：bool? 类型不匹配报错 #

原因 #

Dart空安全机制中，类型后缀?代表该类型允许为空值。你调用products[key]时，Map的下标访问返回值默认是可空类型：如果指定key不存在会返回null，所以你拿到的是bool?类型，而ToDoListEntry的state参数要求非空bool类型，因此类型校验不通过。

解决方法 #

因为你的列表是遍历products的key生成的，key必然存在，可以直接用!断言值非空，或者用空合并运算符给默认值兜底：

// 方式1：断言非空
return ToDoListEntry(key, products[key]!, () => deleteItem(key), (newValue) => check(key, newValue));
// 方式2：兜底默认值
return ToDoListEntry(key, products[key] ?? false, () => deleteItem(key), (newValue) => check(key, newValue));

问题2：Checkbox的onChanged回调报错 #

原因 #

两个问题导致报错：

• Checkbox的onChanged回调要求的参数类型是void Function(bool?)?，你声明的参数是bool value，类型不匹配
• 你当前定义的check函数没有接收勾选状态的入参，调用时也没有把新的勾选状态传递回父组件更新数据

解决方法 #

1. 修改ToDoListEntry的属性类型定义，明确回调参数格式：

class ToDoListEntry extends StatelessWidget {
  final String title;
  final bool state; // StatelessWidget的属性建议加final修饰
  final VoidCallback remove; // 无参回调明确用VoidCallback
  final ValueChanged<bool> check; // 明确是接收bool参数的回调
  ToDoListEntry(this.title, this.state, this.remove, this.check);

2. 修改Checkbox的onChanged实现，过滤空值后把新状态传给check回调：

leading: Checkbox(
  value: state,
  onChanged: (value) {
    if (value != null) { // 过滤null的异常情况
      check(value);
    }
  },
),

3. 修改父组件的check方法，接收key和新状态，调用setState刷新UI：

void check(String key, bool newState) {
  setState(() {
    products[key] = newState;
  });
}

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