如何在颤动中使用AutoFocus文本字段

Question

我在开发我的应用程序时遇到了一个问题-如何在完成前一个字段的输入后自动聚焦文本字段，而不必单击文本字段？

​

​

Answer 1

使用focusNode属性和onEditingComplete事件。在focusNode请求第二个textfield焦点之后，用户在第一个文本字段上单击enter后触发的事件。

例如：

  FocusNode focusNode = FocusNode();

  @override
  Widget build(BuildContext context) => Scaffold(
      body: Column(
        children: <Widget>[
          TextField(
            autofocus: true,
            onEditingComplete: (() => focusNode.requestFocus())
          ),
          TextField(
            focusNode: focusNode,
          )
        ]
      )
    );

更多信息请访问：https://flutter.dev/docs/cookbook/forms/focus

Answer 2

TextField(
  onEditingComplete: () => FocusScope.of(context).nextFocus(),
),

对于最后一个文本字段，您可以将'nextFocus()‘更改为'unfocus()’

Answer 3

return Focus(
  child: TextField(
    onChanged: (value) => context.read<SignupBloc>().add(SignupPasswordChanged(value)),
    controller: controller,
    keyboardType: TextInputType.visiblePassword,
    obscureText: true,
    key: const Key('signupForm_passwordInput_textField'),
    decoration: InputDecoration(
      labelText: 'Password *',
      errorText: state.password.invalid
          ? 'Passwords must be at least 10 characters in length\nand a minimum of 1 '
          'upper case and 1 lower case letter [A-Za-z]'
          : null,
    ),
  ),
);