在 Flutter 中将焦点从一个文本字段更改为下一个文本字段

Question

我有两个 textFormField 小部件。用户完成第一个文本字段后，我想关注下一个 textField。有没有办法在 Flutter 中做到这一点？目前，完成按钮只是关闭键盘。我猜focusNode 类可能是这个问题的答案，但不确定它是如何工作的，有没有人有任何关于 focusNode 类的好例子？提前致谢。

Answer 1

我就是这样做的：

  var _focusNodes = List.generate(6, (index) => FocusNode()));

在 TextFormField 中：

  TextFormField(
    focusNode: _focusNodes[i],
    maxLines: 1,
    textInputAction: TextInputAction.next,
    onChanged: (text) {
      if (i < _controllers.length) {
        if (text.isEmpty)
          _focusNodes[i - 1].requestFocus();
        else
          _focusNodes[i + 1].requestFocus();
      }
    },
  ),

Answer 2

截图：

---

无需使用FocusNode

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(),
    body: Column(
      children: [
        TextField(
          decoration: InputDecoration(hintText: 'First Name'),
          textInputAction: TextInputAction.next,
          onEditingComplete: () => FocusScope.of(context).nextFocus(),
        ),
        TextField(
          decoration: InputDecoration(hintText: 'Last Name'),
          textInputAction: TextInputAction.done,
          onSubmitted: (_) => FocusScope.of(context).unfocus(),
        ),
      ],
    ),
  );
}

Answer 3

在 Android 中也有类似的方法。

添加

textInputAction

将参数添加到TextFormField Widget，然后将属性添加为;

 TextInputAction.next

Answer 4

是的，FocusNode 和来自TextFormField 的onFieldSubmitted 可能是要走的路。

FocusScope.of(context).requestFocus(focusNode);

这是一个可能有帮助的例子：

    FocusNode textSecondFocusNode = new FocusNode();

    TextFormField textFirst = new TextFormField(
      onFieldSubmitted: (String value) {
        FocusScope.of(context).requestFocus(textSecondFocusNode);
      },
    );

    TextFormField textSecond = new TextFormField(
      focusNode: textSecondFocusNode,
    );

    // render textFirst and textSecond where you want

您可能还想从按钮而不是 onFieldSubmitted 触发 FocusScope.of()，但希望上面的示例为您提供足够的上下文来为您的用例构建合适的解决方案。