Flutter Keyboard makes textfield hide

Question

I'm new to flutter. I've added a form with a text field and when I clicked the textfield and keyboard comes, the textfield goes up.

This is my code :

Widget build(BuildContext context) {  MediaQueryData mediaQuery = MediaQuery.of(context); return new Scaffold(   body:  new Container(       color: Colors.purple,       constraints: new BoxConstraints.expand(),       padding: EdgeInsets.only(top: 10.0,left: 10.0,right: 10.0, bottom: mediaQuery.viewInsets.bottom, ),       child: SingleChildScrollView(         child: Container(             child: Column(                 crossAxisAlignment: CrossAxisAlignment.center,                 mainAxisAlignment: MainAxisAlignment.center,                 children: <Widget>[                   SizedBox(height: 12.0),                   Text(                     'What is your Business Name?',                     style: TextStyle(fontSize: 24.0),                   ),                   AppForm(),                 ],               ),             padding: EdgeInsets.only(left: 10.0,right: 10.0, bottom: mediaQuery.viewInsets.bottom),             decoration: BoxDecoration(               borderRadius: BorderRadius.all(Radius.circular(30.0)),               color: Colors.white,                 ),               )           )       ),     );   } 

This is the result without opening the keyboard: Image without keyboard

This is the image after opening the keyboard: Image after opening the keyboard

---

Here is my flutter doctor output.

Doctor summary (to see all details, run flutter doctor -v): [√] Flutter  (Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.165], locale  en-US) [√] Android toolchain - develop for Android devices (Android SDK  28.0.0) [√] Android Studio (version 3.1) [!] VS Code, 64-bit edition (version  1.25.1) [!] Connected devices ! No devices available ! Doctor found issues in  2 categories. 

any idea how to fix this?

Answer 1

 new Scaffold(       appBar: new AppBar(           ...       resizeToAvoidBottomInset: true,       .... 

Fixed problem textfield was hidden by keyboard

Answer 2

This answer is not specific the question above but may be useful to those who are still having issues with the keyboard covering the selected text field, no matter what they do. I got to this page while trying to resolve such an issue.

Prior to the problem I had been making some changes to try and improve my splash screen on app startup. As per someone's recommendation, I had included the following line in the <resources><style> section of the styles.xml file in the android/app/src/main/res/values folder

<item name="android:windowFullscreen">true</item> 

This had the unexpected effect of stopping any fields scrolling up in the main app when the keyboard is displayed. This might be obvious to some, but it wasn't to me.

Hope this info helps someone.