Flutter CheckboxListTile点击状态不更新问题求助

核心问题分析 #

• 状态变量check1、check2、check3被定义在build方法内部，每次调用setState触发重绘时，这些变量都会被重新初始化为false，导致选中状态无法保留。
• onChanged回调里的赋值逻辑完全颠倒，没有将用户选择的新值同步到状态变量上。

修复后的代码 #

class _ViewMealState extends ConsumerState<ViewMeal> {
  // 将状态变量移至State类成员位置，避免重绘时被重置
  bool check1 = false;
  bool check2 = false;
  bool check3 = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            CheckboxListTile(
              title: Text(widget.documentSnapshot['Choice_1']),
              value: check1,
              onChanged: (newVal) {
                setState(() {
                  // 将新选择值同步到状态变量
                  check1 = newVal ?? false;
                });
              },
            ),
            CheckboxListTile(
              title: Text(widget.documentSnapshot['Choice_2']),
              value: check2,
              onChanged: (newVal) {
                setState(() {
                  check2 = newVal ?? false;
                });
              },
            ),
            CheckboxListTile(
              title: Text(widget.documentSnapshot['Choice_3']),
              value: check3,
              onChanged: (newVal) {
                setState(() {
                  check3 = newVal ?? false;
                });
              },
            ),
          ],
        ),
      ),
    );
  }
}

额外说明 #

• 用newVal ?? false做兜底处理，避免空值异常；如果能确定onChanged触发时newVal不会为null，也可以用newVal!强制解包。
• 若后续需要和Riverpod全局状态联动，可将复选框状态迁移到Riverpod状态管理器中，当前先修复基础的本地状态问题即可。

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