How set focus on specific input text field in Flutter

user_4110512 0
Viewed 1655

I have some TextFormField field in my flutter app. Here are the controllers of those fields.

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

I want to set focus to the unitCodeCtrl text field programmatically when an event fired (on button click) but can not figure out how can I do that.

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

First declare a focus node like this

final FocusNode unitCodeCtrlFocusNode = FocusNode();

then assign this focus node to that textfield

TextFormField(
     controller: unitCodeCtrl,
     focusNode: unitCodeCtrlFocusNode,
)

And on the button click call below method, this will set a focus

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

or

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