flutter - Flutter 中的 AutoFocus Textfield 是如何工作的

Question

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

Answer 1

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

例如:

  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