Flutter中如何移除键盘上方出现的空白区域？

你提供的界面截图：

你当前代码里设置的resizeToAvoidBottomInset: false是导致键盘顶部出现空白的核心原因，试试以下几种解决方法：

方案1：移除resizeToAvoidBottomInset: false #

删掉Scaffold的这个属性，让Flutter自动调整布局适配键盘：

@override
Widget build(BuildContext context) {
  final screenWidth = ScreenSizeService(context).width;
  final screenHeight = ScreenSizeService(context).height;
  var selected;
  return Scaffold(
    // 移除resizeToAvoidBottomInset: false
    body: Container(
      child: TextField(),
    ),
  );
}

方案2：保留属性时手动适配键盘高度 #

如果因其他需求必须保留resizeToAvoidBottomInset: false，可以通过MediaQuery获取键盘高度，动态调整布局底部边距：

@override
Widget build(BuildContext context) {
  final screenWidth = ScreenSizeService(context).width;
  final screenHeight = ScreenSizeService(context).height;
  var selected;
  final bottomInset = MediaQuery.of(context).viewInsets.bottom;
  return Scaffold(
    resizeToAvoidBottomInset: false,
    body: Container(
      margin: EdgeInsets.only(bottom: bottomInset),
      child: TextField(),
    ),
  );
}

方案3：排查父级布局的额外内边距 #

如果以上方法无效，检查ScreenSizeService或页面的父级Widget是否添加了不必要的顶部/底部内边距，这类设置也可能导致键盘弹出后出现空白区域。

内容的提问来源于stack exchange，提问作者Artin Yunesi