How to show the Keyboard automatically for a Textfield in Flutter

Question

I have a TextField in Flutter of which I want to automatically select the text and show the keyboard. I can select the text through a TextEditingController, but even with a FocusNodes requestFocus the keyboard isn't shown, when the Widget opens.

How to automatically open the keyboard for a TextField?

score 39 · Accepted Answer · edited Dec 16 '21 at 10:00

You can use the autofocus:true property of the TextField:

Whether this text field should focus itself if nothing else is already focused.

So whenever the widget appears on screen, if theres nothing else with the keyboard focus, the focus will automatically be directed to it, thus opening the keyboard.

TextField(TextEditingController: controller, 
         focusNode: focusNode,
         autofocus:true)

score 14 · Answer 2 · answered Mar 03 '20 at 15:34

14

You can set the autofocus property on TextField to true:

TextField(
  autofocus: true,
);

Hope it helps!

answered Mar 03 '20 at 15:34

fvillalba

963
10
18

1

Thanks... for your answer. – AMMAR ELHAMDO Apr 20 '22 at 12:50

John Bryan · Answer 3 · 2021-08-08T14:59:20.347

7

class yourWidget extends StatelessWidget {  
FocusNode inputNode = FocusNode();
// to open keyboard call this function;
void openKeyboard(){
FocusScope.of(context).requestFocus(inputNode)
}

@override
Widget build(BuildContext context) {
  TextFormField(
   //assign the  node like this
   focusNode: inputNode,
   autofocus:true,)


}

edited Aug 08 '21 at 14:59

answered Oct 12 '20 at 12:21

John Bryan

151
2
4

1

While this code may solve the question, [including an explanation](//meta.stackexchange.com/q/114762) of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please [edit] your answer to add explanations and give an indication of what limitations and assumptions apply. – Adrian Mole Oct 12 '20 at 14:27

score 1 · Answer 4 · answered Sep 07 '22 at 09:54

I have done this just using:

autofocus: true,

But if you want more control over your TextField / TextFormFeild keyboard you can use:

1. First declare a focus node object:

FocusNode focusNode = FocusNode();  // declear a focusNode object

2. On TextFeild / TextFormFeild, just do like below:

    focusNode: focusNode,   // assign focusNode object on focusNode value
    autofocus: true,       // make autofocus true for first auto open keyboard

3. Just call this function when you want to open your keyboard:

   void openKeyboard () {
       FocusScope.of(context).requestFocus(inputNode); 
    }

This is an example of how you can use it. Using that format you can open the keyboard automatically / you have complete control over whether or not you need to open the keyboard.

I hope this will fix your issue.

How to show the Keyboard automatically for a Textfield in Flutter

4 Answers4

Linked