当键盘在Flutter TextField中可见时，在键盘顶部的全部空白-Java 学习之路

这是我的代码：

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 回答

7

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

回复于 2024-05-19T01:25:35+08:00
4

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

回复于 2024-05-19T01:25:35+08:00

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

2 回答

相关问题