title: When keyboard is shown, everything is pushed up and I get a error
body: <p>I have the following code:</p>
  
  <pre><code>
  
      class _MyHomePageState extends State {
        @override
        Widget build(BuildContext context) {
          // This method is rerun every time setState is called, for instance as done
          // by the _incrementCounter method above.
          //
          // The Flutter framework has been optimized to make rerunning build methods
          // fast, so that you can just rebuild anything that needs updating rather
          // than having to individually change instances of widgets.
          return new Scaffold(
              body: new Column(
            children: [
              new Container(
                color: JBTheme.colorGreenBrand,
                height: 130.0,
                alignment: Alignment.bottomLeft,
                child: new Center(
                  child: new Align(
                    alignment: Alignment.bottomCenter,
                    child: new Container(
                      color: JBTheme.colorOrange,
                      constraints: new BoxConstraints(maxWidth: 270.0),
                      child: new Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: [
                          new Column(
                            mainAxisSize: MainAxisSize.min,
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              new Image.asset("flags/flag_dk.png"),
                              new Container(
                                margin: const EdgeInsets.only(top: 4.0, bottom: 4.0),
                                child: new Text("Danmark"),
                              ),
                              new Text("DKK")
                            ],
                          ),
                          new Expanded(child: new Image.asset("images/arrow.png")),
                          new Column(
                            mainAxisSize: MainAxisSize.min,
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              new Image.asset("flags/flag_us.png"),
                              new Container(
                                margin: const EdgeInsets.only(top: 4.0, bottom: 4.0),
                                child: new Text("USA"),
                              ),
                              new Text("USD")
                            ],
                          )
                        ],
                      ),
                    ),
                  ),
                ),
              ),
              new Expanded(
                  child: new Container(
                color: JBTheme.colorGreyMedium,
                child: new Column(
                  children: [
                    new Expanded(child: new Container()),
                    new Padding(
                        padding: const EdgeInsets.only(bottom: 8.0),
                      child: new Card(
                        elevation: -8.0,
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(15.0),
                        ),
                        child: new Container(
                            width: 200.0,
                            height: 30.0,
                            color: JBTheme.colorWhite,
                            child: new Stack(
                              children: [
                                new TextField(
                                    textAlign: TextAlign.center
                                )
                              ],
                            )
                        ),
                      )
                    )
                  ],
                ),
              )),
              new Container(
                height: 260.0,
                color: JBTheme.colorGreenMint,
              )
            ],
          ));
        }
      }
  
  </code></pre>
  
  <p>And it looks like this: <a href="https://i.stack.imgur.com/nbEln.png" rel="noreferrer"><img src="https://i.stack.imgur.com/nbEln.png" alt="no keyboard"></a></p>
  
  <p>But when I click the TextField and the keyboard opens I get this: <a href="https://i.stack.imgur.com/cQPL8.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cQPL8.png" alt="enter image description here"></a></p>
  
  <p>I did not expect all of my layout to be moved up by the full keyboard height, I would like it to only move up enough so that the focused TextField is visible (and not to give a error). How can I fix this, and why is it happening?</p>
  
  <p>Thank you<br>
  Søren</p>