如何解决Flutter表单验证报错：Null check operator used on a null value

你抛出Null check operator used on a null value错误的核心原因是**GlobalKey<FormState>绑定位置错误**：你把表单专用的全局key绑在了TextFormField组件上，而Flutter的表单校验机制要求这个key必须绑定在外层的Form组件上，才能通过key获取到管理所有输入框状态的FormState实例。你当前的写法下_formKey.currentState永远为null，用!强制解空就会直接触发运行时错误。
另外你贴的代码里还有一处语法错误：return: Scaffold(中return后多写了冒号，会直接导致编译失败。

按以下步骤调整代码即可：

• 在输入框外层包裹Form组件，将_formKey赋值给Form的key属性
• 删除TextFormField上错误配置的key: _formKey参数
• 修正return后多余冒号的语法错误
• （可选优化）取消强制解空，增加空安全兼容，避免极端场景报错

修复后核心代码 #

build方法部分 #

@override
Widget build(BuildContext context) {
  // 移除return后多余的冒号
  return Scaffold(
    body: Padding(
      padding: const EdgeInsets.all(8.0),
      child: Form(
        // 关键修复：将_formKey绑定到Form组件上
        key: _formKey,
        child: Column(
          children: [
            TextFormField(
              // 移除这里原有的key: _formKey配置
              controller: _groupController,
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return 'Group name cannot be empty';
                }
                return null;
              },
            ),
            // 补充触发校验的提交按钮
            ElevatedButton(
              onPressed: _saveGroup,
              child: const Text('保存分组'),
            )
          ],
        ),
      ),
    ),
  );
}

_saveGroup方法部分（优化空安全） #

void _saveGroup() {
  // 用?.和??替代强制!，避免极端场景下currentState为空的报错
  final isValid = _formKey.currentState?.validate() ?? false;
  if (isValid) {
    BlocProvider.of<NewGroupBloc>(context)
        .add(AddGroupEvent(_groupController.text.trim()));
  }
}

你写的输入框validator校验逻辑本身没有问题，只要key绑定位置正确，点击提交按钮时就会自动触发校验，空值场景下会在输入框下方展示你配置的错误提示。

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