title: Render overflow when TextField is in focus
body: <p>I have Column with the TextField and Flexible inside it. Flexible consist of ListView displaying the list of hero characters.
  When I get to focus on TextField, the display shows Render Overflow by x pixels. What to do to avoid this? </p>
  
  <pre><code>  @override
    Widget build(BuildContext context) {
      return new Stack(
        children: &lt;Widget&gt;[
          new Padding(
            padding: new EdgeInsets.all(10.0),
            child: new TextField(
              keyboardType: TextInputType.text,
              controller: tc,
            ),
          ),
          new Column(
            mainAxisSize: MainAxisSize.min,
            children: &lt;Widget&gt;[
              new Container(
                margin: new EdgeInsets.only(top: 60.0),
                height: MediaQuery.of(context).size.height * 0.67,
                child: checkList(context, characterDataWrapper), //MY LISTVIEW
              ),
              new Flexible(
                fit: FlexFit.loose,
                child: new Container(),
              ),
              new Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  mainAxisSize: MainAxisSize.max,
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: &lt;Widget&gt;[
                    new RaisedButton(
                      onPressed: getData,
                      color: Colors.red,
                      textColor: Colors.white,
                      child: new Text("Click"),
                    ),
                  ]),
            ],
          )
        ],
      );
    }
  </code></pre>