flutter - 焦点更改时的 TextFormField 验证

Question

我正在使用一个表单和一些 TextFormFields。
我可以验证用户输入如下:

final _form = GlobalKey<FormState>();

void saveForm(){

_form.currentState.validate()

}

//saveForm runs when a save button is pressed.

我想知道是否可以在 TextField 失去焦点时为它运行验证函数。(我不想通过单击按钮来验证输入，相反，我想在用户更改 TextField 时运行验证函数.)

Answer 1

我想你只是想添加 autovalidate: true,在您的表单中，所以当您的焦点是更改验证时调用

 Form(
         key: _formKey,
         autovalidate: true,
         child:/*...*/
    )

创建您的表单，例如

  var _formKey = GlobalKey<FormState>();
  bool _autoValidate = false;

  @override
  Widget build(BuildContext context) {
    return Form(
          key: _formKey,
          autovalidate: _autoValidate,
          child: /* ... */
        ),
      ),
    );
  }

当你点击保存

void _onSignUpClicked(BuildContext context) {
    if (_formKey.currentState.validate()) {
      Scaffold.of(context).showSnackBar(SnackBar(content: Text("Successfully sign up")));
    } else {
      setState(() {
        _autoValidate = true;
      });
    }
  }