Flutter Form中Checkbox状态与界面显示不更新问题求助

你将isChecked状态变量定义在了build方法内部，Flutter每次调用setState触发页面重绘时，都会重新执行完整的build方法逻辑，isChecked会被重新初始化为false，所以无论你怎么点击，界面上的Checkbox状态都不会发生预期变化。

将isChecked变量从build方法中移出，作为State类的成员变量存储，参考修改后的代码：

// 对应页面的State类
class _YourPageState extends State<YourPage> {
  // 状态变量放在类的成员位置，build重绘不会重置该值
  bool isChecked = false;

  @override
  Widget build(BuildContext context) {
    // <Page and Form code>

    return Row(
      children: [
        Checkbox(
          checkColor: Colors.white,
          activeColor: Colors.red,
          visualDensity: VisualDensity.compact,
          value: isChecked,
          onChanged: (value) {
            setState(() {
              // 也可直接用回调传入的value赋值，更稳妥：isChecked = value ?? false;
              isChecked = !isChecked;
              //state.didChange(value);
              print(isChecked);
            });
          }
        ),
        const Text(
          'I would like to receive newsletter and promo.',
          softWrap: true,
        ),
      ],
    );
  }
}

• 如果你的Checkbox是在Form表单组件内使用，可以直接放开注释的state.didChange(value)代码，同步更新表单的状态值。
• 建议直接使用onChanged回调传入的value赋值：isChecked = value ?? false;，避免手动取反和传入值不一致的问题。

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