title: Flutter overflow bottom when keyboard appears
body: <p>i got this error and i cant get why, in a new screen i got a simple form on top (start of the column), when i focus the textfield the keyboard appears and overflow the date select and the button, but i dont know why.</p>
  
  <p>Here is the initial state whiout focus on the textfield
  <a href="https://i.stack.imgur.com/v9gRc.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v9gRc.jpg" alt="enter image description here"></a></p>
  
  <p>and here is when i focus the textfield.
  <a href="https://i.stack.imgur.com/748CD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/748CD.jpg" alt="enter image description here"></a></p>
  
  <p>This is the widget i got to do this.</p>
  
  <pre><code>return Scaffold(
    body: SafeArea(
        child: Column(
      children: &lt;Widget&gt;[
        TopBarWidget(page: 'New Event', title: 'Nuevo Evento'),
        Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            mainAxisAlignment: MainAxisAlignment.center,
            children: &lt;Widget&gt;[
              TextField(
                onChanged: (value) {
                  eDisplayName = value;
                },
                maxLength: 18,
                keyboardType: TextInputType.text,
                textCapitalization: TextCapitalization.sentences,
                cursorColor: Color(0xFFFC4A1A),
                decoration: InputDecoration(
                  labelText: "Nombre del Evento",
                  fillColor: Colors.white,
                  border: new OutlineInputBorder(
                    borderRadius: new BorderRadius.circular(5.0),
                  ),
                ),
              ),
              SizedBox(
                height: 16.0,
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: &lt;Widget&gt;[
                  OutlineButton(
                    focusColor: Theme.of(context).primaryColor,
                    highlightedBorderColor: Theme.of(context).primaryColor,
                    borderSide: BorderSide(
                      color: Theme.of(context).primaryColor,
                    ),
                    textColor: Theme.of(context).primaryColor,
                    onPressed: () =&gt; _selectDate(context),
                    child: Text('Cambiar Fecha'),
                  ),
                  Text(
                    "${formatedDate(selectedDate.toLocal())}",
                    style: TextStyle(
                        fontSize: 18.0,
                        fontWeight: FontWeight.w500,
                        color: Theme.of(context).primaryColor),
                  ),
                  // Text("${selectedDate.toLocal()}"),
                ],
              ),
              SizedBox(
                height: 16.0,
              ),
              RaisedButton(
                disabledColor: Colors.grey[200],
                disabledTextColor: Colors.black,
                color: Theme.of(context).primaryColor,
                textColor: Colors.white,
                shape: RoundedRectangleBorder(
                    borderRadius: new BorderRadius.circular(10.0)),
                onPressed: eDisplayName.length == 0
                    ? null
                    : () {
                        // print(newEvent);
                        Navigator.pop(context);
                      },
                child: Text(
                  'ACEPTAR',
                  // style: TextStyle(fontSize: 20),
                ),
              ),
            ],
          ),
        ),
      ],
    )),
  );
  </code></pre>