flutter - 如何验证 flutter 中的单个表单字段

Question

我有一个包含多个控件但分布在多个选项卡上的表单。如果用户单击按钮，我喜欢为单个字段调用验证器函数。

Answer 1

使用 FormFieldState 验证单个表单字段创建 key 键入，将该键分配给表单字段并调用 validate key 当前状态的方法:

class MyCustomForm extends StatefulWidget {
  @override
  MyCustomFormState createState() {
    return MyCustomFormState();
  }
}

class MyCustomFormState extends State<MyCustomForm> {
  final _formFieldKey = GlobalKey<FormFieldState>();

  @override
  Widget build(BuildContext context) {
    return Form(
        child: Column(children: <Widget>[
      TextFormField(
        key: _formFieldKey,
        validator: (value) {
          if (value.isEmpty) {
            return 'Please enter some text';
          }
          return null;
        },
      ),
      TextFormField(
        validator: (value) {
          if (value.isEmpty) {
            return 'Please enter some text';
          }
          return null;
        },
      ),
      RaisedButton(
        onPressed: () {
          if (_formFieldKey.currentState.validate()) {
            Scaffold.of(context)
                .showSnackBar(SnackBar(content: Text('Processing Data')));
          }
        },
        child: Text('Submit'),
      ),
    ]));
  }
}