原来的布局是这样:
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, //开启自动校验