Flutter嵌套Scaffold下键盘弹出空白覆盖内容，滚动功能失效求助

Flutter官方不推荐嵌套使用Scaffold，这会导致键盘弹出时的布局计算冲突，也就是你遇到的空白覆盖问题；而设置resizeToAvoidBottomInset = false后，页面整体不再随键盘调整高度，SingleChildScrollView的滚动区域没有适配变化，所以滚动失效。

解决思路是移除内层Scaffold，根据需求调整布局结构：

方案1：直接合并结构（无独立内层导航栏） #

把内层Scaffold的内容直接移到外层Scaffold的body中，保留SingleChildScrollView：

Scaffold(
  // 外层Scaffold的配置（比如appBar、backgroundColor等）
  appBar: AppBar(title: const Text("主页面")),
  body: SingleChildScrollView(
    padding: const EdgeInsets.all(16),
    child: Column(
      children: [
        // 原来内层Scaffold里的所有内容，比如表单输入框、按钮等
        TextField(decoration: const InputDecoration(hintText: "输入内容1")),
        const SizedBox(height: 20),
        TextField(decoration: const InputDecoration(hintText: "输入内容2")),
        // ... 更多表单元素
        const SizedBox(height: 500), // 用于测试滚动的占位高度
      ],
    ),
  ),
)

方案2：保留独立头部/导航（用NestedScrollView） #

如果原本内层Scaffold有独立的AppBar或需要嵌套滚动效果，用NestedScrollView替代内层Scaffold：

Scaffold(
  body: NestedScrollView(
    headerSliverBuilder: (context, innerBoxIsScrolled) => [
      // 原来内层Scaffold的AppBar改成SliverAppBar
      SliverAppBar(
        title: const Text("内层头部"),
        pinned: true,
        backgroundColor: Colors.lightBlue[100],
      ),
    ],
    body: SingleChildScrollView(
      padding: const EdgeInsets.all(16),
      child: Column(
        children: [
          TextField(decoration: const InputDecoration(hintText: "输入内容1")),
          const SizedBox(height: 20),
          TextField(decoration: const InputDecoration(hintText: "输入内容2")),
          // ... 更多表单元素
          const SizedBox(height: 500), // 测试滚动用的占位
        ],
      ),
    ),
  ),
)

这样调整后，外层Scaffold会正确处理键盘弹出时的布局调整，SingleChildScrollView的滚动区域也会随页面变化，既解决了空白覆盖问题，又能正常滚动。

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