在Flutter TextField中可以看到键盘时,键盘顶部有很多空白

时间:2018-03-31 04:52:03

标签: flutter

这是我的代码:

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,
    );
}

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

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

2 个答案:

答案 0 :(得分:9)

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

答案 1 :(得分:9)

脚手架具有属性resizeToAvoidBottomPadding。 将此属性设置为false