Flutter中打开系统键盘时表单上移问题求助

针对你遇到的场景（NestedScrollView + TabView，其中一个标签页包含Form，打开键盘时UI整体上移），可以通过以下几种方式实现UI保持原位：

方案一：全局禁用布局随键盘调整 #

在包裹NestedScrollView的Scaffold中设置resizeToAvoidBottomInset: false，这会阻止整个页面布局因键盘弹出而重新计算偏移：

Scaffold(
  resizeToAvoidBottomInset: false, // 核心配置
  body: NestedScrollView(
    headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
      return [
        // 你的Sliver头部组件（如SliverAppBar）
        SliverAppBar(
          title: Text("示例页面"),
          pinned: true,
          bottom: TabBar(
            tabs: [Tab(text: "标签1"), Tab(text: "表单页")],
          ),
        ),
      ];
    },
    body: TabBarView(
      children: [
        // 其他标签页内容
        Center(child: Text("标签1内容")),
        // 包含Form的标签页
        Form(
          child: Padding(
            padding: EdgeInsets.all(16),
            child: Column(
              children: [
                TextField(decoration: InputDecoration(labelText: "输入框1")),
                TextField(decoration: InputDecoration(labelText: "输入框2")),
                // 更多表单组件
              ],
            ),
          ),
        ),
      ],
    ),
  ),
);

注意：这个设置会让所有标签页都不随键盘上移，如果输入框位于屏幕下方，可能会被键盘遮挡。若需要输入框可见，可在Form外层嵌套SingleChildScrollView，并在点击输入框时手动控制滚动（但这会打破"保持原位"的需求，需根据实际情况权衡）。

方案二：仅针对Form所在标签页禁用调整 #

如果其他标签页需要正常响应键盘布局变化，可以在Form所在的Widget外层通过MediaQuery覆盖全局配置：

// 在TabBarView的表单标签页中
MediaQuery(
  data: MediaQuery.of(context).copyWith(resizeToAvoidBottomInset: false),
  child: Form(
    child: Padding(
      padding: EdgeInsets.all(16),
      child: Column(
        children: [
          TextField(decoration: InputDecoration(labelText: "输入框1")),
          TextField(decoration: InputDecoration(labelText: "输入框2")),
        ],
      ),
    ),
  ),
)

这种方式只会让包含Form的标签页保持原位，其他标签页仍会默认随键盘调整布局。

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