Форма отправки Flutter Web при нажатии клавиши ввода

Question

Есть ли способ вызвать кнопку отправки, когда пользователь нажимает кнопку ввода при заполнении формы. Вот мой код формы:

@override
  Widget build(BuildContext context) {
    String _email;
    return AlertDialog(
      title: Text('Password Reset'),
      content: Form(
        key: _formKey,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            TextFormField(
              decoration: InputDecoration(
                hintText: 'Email',
                labelText: 'Email',
              ),
              autofocus: true,
              maxLength: 30,
              validator: (value) {
                if (value.isEmpty) {
                  return 'Email is required';
                }
                return null;
              },
              onSaved: (input) => _email = input,
            ),
          ],
        ),
      ),
      actions: [
        RaisedButton(
          onPressed: () async {
            if (_formKey.currentState.validate()) {
              _formKey.currentState.save();
              var result = await auth.sendPasswordResetEmail(_email);
              print(result);
              Navigator.of(context).pop();
            }
          },
          child: Text('Reset'),
        )
      ],
    );
  }

Answer 1

Для TextFormField свойство для обработки этого будет onFieldSubmitted. Вы можете скопировать код из вашего onPressed из RaiseButton сюда. Например,

onFieldSubmitted: (value) {
                if (_formKey.currentState.validate()) {
                  _formKey.currentState.save();
//               var result = await auth.sendPasswordResetEmail(_email);
//               print(result);
                  print(_email);
                  Navigator.of(context).pop();
                }
              },

Полный пример доступен в виде кода здесь .

Возможно, вас также заинтересует RawKeyboardListener, но это не так. t распознать ключ enter. Но может прослушивать другие клавиши, такие как Shift, CapsLock et c.

Answer 2

Используйте параметры onEditingComplete или onSubmitted конструктора TextFormField, в зависимости от ваших потребностей.