Flutter问题：PageView中的Form无法随键盘滚动

核心问题根源 #

1. Form页面中ConstrainedBox固定了maxHeight: MediaQuery.of(context).size.height / 2，限制了表单的可滚动空间，键盘弹出后剩余空间不足以容纳表单内容。
2. SingleChildScrollView的physics设为null，直接禁用了滚动功能。
3. 主页面中PageView仅通过Padding设置顶部间距，未正确占据可用空间，导致滚动区域计算错误。

修改方案 #

1. 调整主注册页面的布局结构

return Scaffold(
  resizeToAvoidBottomInset: true, // 显式开启键盘弹出时的布局自适应
  body: SafeArea(
    child: Stack(
      children: [
        // Back Button
        // Form Pages
        Positioned.fill(
          top: 40, // 替代原Padding的顶部间距，让PageView占满剩余可用空间
          child: PageView.builder(
            controller: _formsPageViewController,
            itemBuilder: (BuildContext context, int index) {
              return _forms[index];
            },
          ),
        ),
        // Form Button
      ],
    ),
  ),
);

2. 重构Form页面的滚动逻辑

Widget build(BuildContext context) {
  return SingleChildScrollView(
    physics: const AlwaysScrollableScrollPhysics(), // 强制启用滚动功能
    child: Padding(
      padding: EdgeInsets.only(
        bottom: MediaQuery.of(context).viewInsets.bottom, // 自动适配键盘高度，避免内容被遮挡
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          // Page Title
          //... code removed for title text

          // Image Avatar
          // ... code removed for Avatar image

          // Form
          Form(
            key: _formKey,
            child: Padding(
              padding: const EdgeInsets.symmetric(horizontal: 30.0),
              child: Column(
                children: [
                  // Name
                  // ... Code removed for textbox

                  // Govt. Registration No
                  // ... Code removed for textbox

                  // Establishment Year and Month
                  Row(
                    children: [
                      // Established Month
                      Flexible(
                        child: // ... Code removed for dropdown
                      ),
                      // Established Year
                      Flexible(
                        child: // .. Code removed for dropdown
                      )
                    ],
                  ),
                  // ... code removed for next button
                ],
              ),
            ),
          ),
        ],
      ),
    ),
  );
}

关键修改说明 #

• 移除ConstrainedBox的固定高度限制：让表单内容可以根据实际高度扩展，确保滚动区域足够。
• 启用SingleChildScrollView的滚动物理特性：即使内容未超出屏幕，键盘弹出时也能触发滚动。
• 添加键盘高度适配的底部内边距：动态获取键盘高度，让表单底部留出足够空间，避免输入框被遮挡。
• 用Positioned.fill优化PageView布局：确保PageView占据SafeArea内的可用空间，滚动区域计算更准确。

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