Flutter中如何避免键盘遮挡TextField并修正下方按钮异常上推问题

• 保留Scaffold的默认键盘适配逻辑：不要手动将resizeToAvoidBottomInset设为false。该参数默认开启，键盘弹出时会自动为页面预留出键盘高度的底部内边距，从根源上避免键盘完全覆盖页面内容。
• 所有包含TextField的内容区域必须用可滚动容器包裹：禁止将输入组件直接放置在无滚动能力的刚性Column中。当视口高度因键盘弹出被压缩时，可滚动容器会自动将当前聚焦的TextField滚动到可见位置，不会出现布局错位。常用的可滚动容器包括SingleChildScrollView、ListView。
• 固定在页面底部的操作按钮不要和可滚动内容挤在同一无约束Column中：优先将底部固定操作栏放到Scaffold的bottomNavigationBar属性中，由系统自动处理按钮与键盘的间距适配，避免布局压缩时出现按钮上窜、越过TextField的问题。
• 不要依赖固定值的底部padding手动适配遮挡：不同机型的键盘高度、附加功能区高度存在差异，固定padding会出现部分机型间距过大、部分机型仍存在遮挡的问题，优先依赖系统动态适配机制。
• 按需调整输入框的滚动边距：可给TextField设置scrollPadding属性，指定输入框聚焦时距离键盘顶部的预留间距，避免输入框贴在键盘边缘影响操作。

当前代码出现键盘遮挡输入框、按钮位置错乱的核心原因：

• 页面主体用刚性Expanded + Column包裹所有内容，无滚动能力，键盘弹出压缩视口高度时，无法将TextField滚动到可见区域，自然被键盘遮挡。
• 底部提交按钮直接放在外层Column末尾，没有和可滚动内容分离，视口压缩时，非Expanded属性的按钮优先被向上推送，直接越过同属Expanded内部的TextField，出现位置错乱。

修改后的核心结构参考：

return Scaffold(
  backgroundColor: Theme.of(context).colorScheme.background,
  // 保留默认开启的resizeToAvoidBottomInset，不要手动关闭
  body: SingleChildScrollView( // 替换原有的Expanded刚性布局
    padding: MyTheme.scaffoldPadding,
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        // 原布局中Skip按钮、应用图标、描述文本、单选选项、TextField 全部移到此处
      ],
    ),
  ),
  // 将底部提交按钮移至bottomNavigationBar，由系统自动适配键盘间距
  bottomNavigationBar: Padding(
    padding: MyTheme.scaffoldPadding,
    child: MyButton(
      expandMode: HorizontalExpandMode.isNotInRow,
      text: "SEND FEEDBACK",
      onPressed: () => Navigator.of(context).pushNamedAndRemoveUntil("/home-screen", (route) => false),
    ),
  ),
);

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