How AutoFocus Textfield in flutter

Question

I have a problem while developing my app - how can I auto-focus a textfield after completing input on the previous field, without having to click the textfield?

Answer 1

Use focusNode property and onEditingComplete event. Event trigger after user click on enter on first textfield, after that focusNode request focus for the second TextField.

For example:

  FocusNode focusNode = FocusNode();

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

More info at: https://flutter.dev/docs/cookbook/forms/focus