Flutter: The keyboard covers TextFields

Question

I have an app that shows textfields and image and I face a problem when the user tries to enter data in textfield as the keyboard goes up and cover the entire textfields.

I tried to use SingleChildScrollView but it is not practical as the textfields do not go up automatically but the user has to scroll up by himself.

Here is the code:

score 1 · Accepted Answer · answered Jun 12 '20 at 13:06

1

Try using Animation and move up your text field when keyboard appears. Check this out When i select a Textfield the keyboard moves over it

answered Jun 12 '20 at 13:06

Anas

1,013
1
6
20

Thanks @Anas Mohammed I think it is the only way to do it – Alex Ali Jun 18 '20 at 09:13

Gerry · Answer 2 · 2020-06-12T10:20:39.103

0

Don't have a sized container inside, follow the below :

SingleChildScrollView(
        child: Stack(
          children: <Widget>[
            ... your code
          ]
        )
)

In your Scaffold, set resizeToAvoidBottomPadding property to false.

edited Jun 12 '20 at 10:20

answered Jun 12 '20 at 10:14

Gerry

1,159
1
14
29

@AlexAli just updated answer, can you try that change – Gerry Jun 12 '20 at 10:21
Thank you @gg11.. but still, the same problem persists after setting resizeToAvoidBottomPadding property to false. – Alex Ali Jun 12 '20 at 10:39

Flutter: The keyboard covers TextFields

2 Answers2