Flutter打开软键盘时布局底部出现大量空白问题求助

问题根源 #

你当前的写法里，SizedBox的高度用了固定的初始屏幕高度减去状态栏padding，但键盘弹出后，屏幕的可用高度会动态缩小，这个固定高度不会自动更新，再加上SingleChildScrollView套固定高度容器的结构本身就违背了滚动组件的设计逻辑，最终导致底部出现空白。

修复方案 #

方案1：最简调整（推荐）

直接移除SizedBox的固定高度设置，让布局自适应内容，同时让Column只包裹自身内容：

SingleChildScrollView(
  child: Container(
    decoration: BoxDecoration(
      color: AppColors.customWhite,
      border: Border.all(color: AppColors.customWhite),
      borderRadius: const BorderRadius.only(
        topLeft: Radius.circular(50),
        topRight: Radius.circular(50),
      ),
    ),
    clipBehavior: Clip.antiAlias,
    child: Padding(
      padding: EdgeInsets.only(
          left: 10.0,
          top: MediaQuery.of(context).size.width * 0.17,
          right: 10.0),
      child: Column(
        mainAxisSize: MainAxisSize.min, // 关键：让Column仅占内容高度
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          // 原表单内容（Row、TextFormField、按钮等）
        ],
      ),
    ),
  ),
)

方案2：保留容器占满屏幕（键盘弹出前）

如果需要顶部圆角容器在键盘弹出前占满屏幕，可通过MediaQuery动态减去键盘高度：

SingleChildScrollView(
  child: Container(
    // 动态计算高度：屏幕总高度 - 状态栏高度 - 键盘高度
    height: MediaQuery.of(context).size.height - 
            MediaQuery.of(context).padding.top - 
            MediaQuery.of(context).viewInsets.bottom,
    decoration: BoxDecoration(
      color: AppColors.customWhite,
      border: Border.all(color: AppColors.customWhite),
      borderRadius: const BorderRadius.only(
        topLeft: Radius.circular(50),
        topRight: Radius.circular(50),
      ),
    ),
    clipBehavior: Clip.antiAlias,
    child: Padding(
      padding: EdgeInsets.only(
          left: 10.0,
          top: MediaQuery.of(context).size.width * 0.17,
          right: 10.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          // 原表单内容
          const Spacer(), // 让内容顶到上方，容器占满屏幕
        ],
      ),
    ),
  ),
)

额外注意 #

确保你的Scaffold没有设置resizeToAvoidBottomInset: false（默认值为true），这个属性控制键盘弹出时布局是否自动调整，设为false会导致布局不收缩。

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