flutter - 当 Flutter TextField 中的键盘可见时,键盘顶部有很多空白区域

这是我的代码:

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。如果我只将文本字段添加到正文中,则外观很好。

最佳答案

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

https://stackoverflow.com/questions/49584374/

相关文章:

firebase - 如何从 Flutter 中的 UploadTaskSnapshot 获取完整的

dart - 自动调用 ListView 上的按钮的 Flutter onPressed(当它变得可

flutter - 无状态和有状态小部件有什么区别?

dart - 每 x 秒 flutter 一次运行功能

google-maps - Flutter中的谷歌地图没有响应触摸事件

dart - Flutter - 翻牌效果

Flutter:多语言应用程序 - 如何覆盖语言环境?

flutter - 有没有更好的方法来检查#flutter 中的左/右拖动?

android - Flutter 中的 HTTP 请求

dart - flutter 垂直视口(viewport)无界高度错误