flutter - 如何在 Flutter 中的特定输入文本字段上设置焦点

Question

我的 flutter 应用中有一些 TextFormField 字段。以下是这些字段的 Controller 。

TextEditingController nameCtrl = TextEditingController();
TextEditingController idCtrl = TextEditingController();
TextEditingController nodeCtrl = TextEditingController();
TextEditingController unitCodeCtrl = TextEditingController();

我想在事件触发(单击按钮时)时以编程方式将焦点设置到 unitCodeCtrl 文本字段，但不知道该怎么做。

...,
onPressed:(){
  //what can i do for set focus to unitcode text field?
}

Answer 1

首先像这样声明一个焦点节点

final FocusNode unitCodeCtrlFocusNode = FocusNode();

然后将此焦点节点分配给该文本字段

TextFormField(
     controller: unitCodeCtrl,
     focusNode: unitCodeCtrlFocusNode,
)

在按钮点击调用下面的方法，这将设置焦点

onPressed:(){
  FocusScope.of(context).requestFocus(unitCodeCtrlFocusNode);
}

或

onPressed:(){
  unitCodeCtrlFocusNode.requestFocus();
}