Flutter中Checkbox调用setState报错：无法静态访问实例成员setState

报错原因 #

• 你的Register组件继承的是StatelessWidget，这类无状态组件本身不具备setState方法——setState是StatefulWidget对应的State类的实例方法，只有有状态组件才能使用。
• 你错误地通过State.setState()这种静态调用方式访问实例方法，Dart不允许直接通过类名调用实例成员，因此触发“Instance member 'setState' can't be accessed using static access”错误。

修复步骤 #

1. 将组件改为StatefulWidget #

把Register从无状态组件改为有状态组件，调整结构如下：

class Register extends StatefulWidget {
  const Register({super.key});

  @override
  State<Register> createState() => _RegisterState();
}

class _RegisterState extends State<Register> {
  // 所有变量、控制器移至State类内部
  var emailController = TextEditingController();
  var passwordController = TextEditingController();
  var firstNameController = TextEditingController();
  var lastNameController = TextEditingController();
  var userNameController = TextEditingController();
  var confirmPasswordController = TextEditingController();
  bool? check1 = false;

  @override
  Widget build(BuildContext context) {
    // 原build方法内的Scaffold代码直接迁移至此
    return Scaffold(
      // ... 原代码内容
    );
  }
}

2. 修正setState调用方式 #

在Checkbox的onChanged回调中，直接调用当前State实例的setState，无需添加State.前缀：

Checkbox(
  value: check1,
  checkColor: Colors.white,
  activeColor: Colors.green,
  onChanged: (bool? value1) {
    setState(() {
      check1 = value1;
    });
  },
),

额外说明 #

StatelessWidget仅适用于UI无需动态更新的场景，当组件需要根据变量变化刷新界面时，必须使用StatefulWidget，通过setState标记状态变更，通知Flutter框架重新构建UI。

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