flutter bottom overflowed by 50 PIXELS

原來的佈局是這樣：

return new Scaffold(
    appBar: new AppBar(
      title: new Text("界面一"),
    ),
    body: Padding(
        padding:
            const EdgeInsets.symmetric(vertical: 16.0, horizontal: 24.0),
       child: Form(
    key: _formKey, //設置globalKey，用於後面獲取FormState
    autovalidate: true, //開啓自動校驗

當鍵盤彈出來填寫form表單的時候就會報錯，如下圖：bottom overflowed by XX PIXELS

 

解決方法：在Scaffold的子widget裏面包裹一層SingleChildScrollView：

return new Scaffold(
    appBar: new AppBar(
      title: new Text("界面一"),
    ),
    body: Padding(
        padding:
            const EdgeInsets.symmetric(vertical: 16.0, horizontal: 24.0),
        child: SingleChildScrollView(
          child: Form(
              key: _formKey, //設置globalKey，用於後面獲取FormState
              autovalidate: true, //開啓自動校驗