Flutter FormKey提交评论时空检查运算符作用于空值错误排查

报错出在_formKey.currentState!.validate()这行，核心问题有两个：

1. 你虽然定义了GlobalKey<FormState> _formKey，但没有将这个key绑定到Form组件上，导致_formKey无法关联到Form的状态实例，_formKey.currentState取值为null，此时使用!非空强制操作符就会触发空检查报错。
2. 现有TextFormField的validator逻辑不完善：仅判断了input为null的情况，没有覆盖输入空字符串、全空格的无效场景，也没有显式在校验通过时返回null，不符合Form校验的规范写法。

• 给Form组件添加key属性，绑定预先定义的_formKey
• 修正validator校验逻辑，同时覆盖null、空字符串、全空格的无效输入场景，校验通过时显式返回null
• 可选优化：评论提交成功后清空输入框内容，避免重复提交，提交评论内容时去掉首尾多余空格

class CommentInput extends StatefulWidget {
  const CommentInput({Key? key, required this.snapshot, required this.postId})
      : super(key: key);

  final snapshot;
  final postId;
  @override
  State<CommentInput> createState() => _CommentInputState();
}

class _CommentInputState extends State<CommentInput> {
  final _commentController = TextEditingController();
  final _formKey = GlobalKey<FormState>();

  @override
  void dispose() {
    super.dispose();
    _commentController.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 给Form绑定_formKey
    return Form(
      key: _formKey,
      child: Container(
        height: 55.0,
        margin: const EdgeInsets.symmetric(horizontal: 8.0),
        child: Row(
          children: [
            Flexible(
              child: Padding(
                padding: const EdgeInsets.symmetric(horizontal: 12.0),
                child: TextFormField(
                  // 修正校验逻辑
                  validator: (input) {
                    if (input == null || input.trim().isEmpty) {
                      return "Please enter comment";
                    }
                    // 校验通过必须返回null
                    return null;
                  },
                  controller: _commentController,
                  decoration: const InputDecoration(
                    hintText: "Add a comment...",
                  ),
                ),
              ),
            ),
            GestureDetector(
              child: Container(
                margin: const EdgeInsets.only(right: 8.0),
                child: const Text('Post', style: TextStyle(color: Colors.blue)),
              ),
              onTap: () {
                final isValid = _formKey.currentState!.validate();
                if (isValid) {
                  _formKey.currentState!.save();
                  context.read<HomeData>().uploadComment(
                      widget.snapshot.uid,
                      widget.postId,
                      _commentController.text.trim(),
                      widget.snapshot.username,
                      widget.snapshot.photoUrl);
                  // 提交后清空输入框
                  _commentController.clear();
                }
              },
            )
          ],
        ),
      ),
    );
  }
}

内容的提问来源于stack exchange，提问作者황희윤