Alex Ali
Alex Ali

Reputation: 1369

Flutter: The keyboard covers TextFields

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:

enter image description here

Upvotes: 0

Views: 423

Answers (2)

Anas
Anas

Reputation: 1073

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

Upvotes: 1

Gerry
Gerry

Reputation: 1489

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.

Upvotes: 0

Related Questions