当键盘在Flutter TextField中可见时,在键盘顶部的全部空白

Question

这是我的代码:

build(BuildContext context) {
  return new Scaffold(
    body: new SafeArea(
    child: new ListView.builder(
        itemBuilder: (itemBuilder),
      itemCount: (1),
      padding: kMaterialListPadding,
    ),
  )
 );
}
itemBuilder(BuildContext context, int index) {
    return new TextFormField(
        decoration: new InputDecoration(
          border: const OutlineInputBorder(),
          hintText: "What's on your mind?",
          helperText: "5-500 characters",
        ),
        maxLines: 3,
    );
}

当我点击文本字段时,键盘会打开但键盘顶部会出现很多空白区域,如图所示(文本区域的边框被剪切).

这是因为ListView.如果我只将文本字段添加到正文,外观很好.

Answer 1

造成大量浪费空间的原因是因为脚手架内有一个脚手架.每个脚手架为键盘增加空间.删除一个解决了问题.

Answer 2

Scaffold有一个属性resizeToAvoidBottomPadding.将此属性设置为false