title: Flutter keyboard overlapping issue not solved with resizeToAvoidBottomPadding
body: <p>Basically I have a login page where I first segement into 2 container with one covers 55% and 45% of the screen. Then on top of these 2 container I add one more container with top 40% of the screen size and in it I have one more container which hold my user name and password text field. So on the design wise I am ok. </p>
  
  <p>Now the issue when the keyboard comes the password field is totally not visible. First I just had stack then I did google and some suggest to put the Scaffold and add this line resizeToAvoidBottomPadding: false, but seems does not work for me either too.</p>
  
  <pre><code>Widget build(BuildContext context) {
      return Scaffold(
        resizeToAvoidBottomPadding: false,
        body: Container(
          child: Stack(
  
        children: &lt;Widget&gt;[
  
          // The containers in the background
          new Column(
            children: &lt;Widget&gt;[
              new Container(
                height: MediaQuery.of(context).size.height * .55,
               //color: Colors.blue,
                decoration: new BoxDecoration(
                 image: new DecorationImage(image: new AssetImage("lib/assets/cbg.png"), fit: BoxFit.cover,),
               ),
              ),
              new Container(
                height: MediaQuery.of(context).size.height * .45,
                color: Colors.white,
              )
            ],
          ),
          // The card widget with top padding, 
          // incase if you wanted bottom padding to work, 
          // set the `alignment` of container to Alignment.bottomCenter
          new Container(
            alignment: Alignment.topCenter,
            padding: new EdgeInsets.only(
                top: MediaQuery.of(context).size.height * .40,
                right: 20.0,
                left: 20.0),
            child: new Container(
  
              height: MediaQuery.of(context).size.height * .45,
              width: MediaQuery.of(context).size.width,
              child: new Card(
                color: Colors.white,
                elevation: 4.0,
                child: Padding(
                padding: EdgeInsets.symmetric(horizontal: 40.0),
  
                child: Column(
                  children: &lt;Widget&gt;[
                  SizedBox(height: MediaQuery.of(context).size.height * .05),
  new TextFormField(
                        decoration: new InputDecoration(
                          labelText: "Enter Email",
                          fillColor: Colors.white,
                          border: new OutlineInputBorder(
                            borderRadius: new BorderRadius.circular(10.0),
                            borderSide: new BorderSide(
                              color: Colors.blue
                            ),
                          ),
                          //fillColor: Colors.green
                        ),
                        validator: (val) {
                          if(val.length==0) {
                            return "Email cannot be empty";
                          }else{
                            return null;
                          }
                        },
                        keyboardType: TextInputType.emailAddress,
                        style: new TextStyle(
                          fontFamily: "Poppins",
                        ),
                      ),
  SizedBox(height: MediaQuery.of(context).size.height * .05),
  new TextFormField(
                        decoration: new InputDecoration(
                          labelText: "Enter Password",
                          fillColor: Colors.white,
                          border: new OutlineInputBorder(
                            borderRadius: new BorderRadius.circular(10.0),
                            borderSide: new BorderSide(
                            ),
                          ),
                          //fillColor: Colors.green
                        ),
                        validator: (val) {
                          if(val.length==0) {
                            return "Password cannot be empty";
                          }else{
                            return null;
                          }
                        },
                        keyboardType: TextInputType.emailAddress,
                        style: new TextStyle(
                          fontFamily: "Poppins",
                        ),
                      ),
                  ],
                ),
                )
              ),
            ),
          ),
  
          new Container(
            alignment: Alignment.topCenter,
            padding: new EdgeInsets.only(
                top: MediaQuery.of(context).size.height * .80,
                right: 50.0,
                left: 50.0),
            child: new FlatButton(
              color: Colors.red,
              child: Text("Press Me"),
              onPressed: () {},
            ),
          ),
  
          new Container(
            alignment: Alignment.topCenter,
            padding: new EdgeInsets.only(
                top: MediaQuery.of(context).size.height * .90,
                right: 50.0,
                left: 50.0),
            child: new FlatButton(
              color: Colors.red,
              child: Text("Forgot Password ?"),
              onPressed: () {},
            ),
          )   
  
  
  
  
  
  
        ],
      )
        )
      );
    }
  }
  </code></pre>
  
  <p>After the changes the keyboard still appear a slight covering the textfield.</p>
  
  <p><a href="https://i.stack.imgur.com/IDkol.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IDkol.png" alt="enter image description here"></a></p>
  
  <p>Can I achieve some</p>
  
  <p><a href="https://i.stack.imgur.com/UqCch.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UqCch.png" alt="enter image description here"></a></p>