how can I make BottomNavigationBar stick on top of keyboard flutter : <p>I am trying to make a simple chat app, so I created a scaffold and my body, will be the messages and my <code>bottomNavigationBar</code> would be my typing field and sending icon. </p>

<p>I added a text field but when typing the navigation bar is hidden by the keyboard.</p>

<p>this is the code of my <code>BottomNavigationBar</code> :</p>

<pre><code>bottomNavigationBar: new Container(
          height: ScreenSize.height/12,
          /*color: Colors.red,*/

          child: new Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,

            children: &lt;Widget&gt;[
              new Column(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: &lt;Widget&gt;[
                  new Container(
                    child: new Icon(Icons.send),

                    width:ScreenSize.width/6,
                  ),
                ],
              ),
              new Column(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: &lt;Widget&gt;[
                  Material(
                    child: new Container(
                      child: new TextField(
                        autofocus: false,
                        decoration: InputDecoration(
                          contentPadding: EdgeInsets.all(9.0),
                          border: InputBorder.none,
                          hintText: 'Please enter a search term',
                        ),
                      ),
                      width:ScreenSize.width*4/6,
                    ),
                      elevation: 4.0,
                    /*borderRadius: new BorderRadius.all(new Radius.circular(45.0)),*/
                    clipBehavior: Clip.antiAlias,
                    type: MaterialType.card,
                  )
                ],
              ),
              new Column(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: &lt;Widget&gt;[
                  new Container(
                    child: Text('HELLO C1'),
                    color: Colors.green,
                    width:ScreenSize.width/6,
                  ),
                ],
              )




            ],
          ),
        ),
</code></pre>

<p>here is how it looks when focused :</p>

<p><a href="https://i.stack.imgur.com/Ui883.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ui883.png" alt="enter image description here"></a></p>
