SingleChildScrollView无法滚动，FitButton未显示的问题求助

看起来你遇到的核心问题是**SingleChildScrollView未生效，导致FitButton超出可视范围无法显示**，这和你当前使用Stack+Positioned的布局结构直接相关，我来拆解原因并给出修复方案：

问题根源 #

你的布局里，SingleChildScrollView包裹的是Form，而Form内部是一个Stack。Stack的特性是：它的尺寸由未使用Positioned定位的子元素决定。你里面的未定位子元素是带装饰的Container，如果这个Container没设置明确高度，Stack的高度会被压缩到极小（甚至为0）。

而所有内容都放在了Positioned组件里，这部分内容会脱离Stack的文档流，SingleChildScrollView无法感知到这部分内容的实际高度，自然不会触发滚动——当内容超出屏幕时，FitButton就会被隐藏。

修复方案 #

方案1：移除不必要的Stack+Positioned（推荐） #

你的布局是典型的「背景层+线性内容」结构，完全不需要用Stack实现。把背景Container作为SingleChildScrollView的直接子元素，再在里面放置表单内容即可：

return Scaffold(
  body: SingleChildScrollView(
    child: Container(
      decoration: (...), // 保留原来的背景装饰
      child: Form(
        key: _formKey,
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal:13.0), // 给内容左右留边距
          child: Column(
            children: <Widget>[
              SizedBox(height: MediaQuery.of(context).size.width * 0.10), // 用SizedBox替代Positioned的top偏移
              Text("Welcome",style: TextStyle(fontWeight: FontWeight.bold,fontSize: 25.0),),
              SizedBox(height: 22),
              // 原来的buildNameField等输入框组件...
              SizedBox(height: 22),
              FitButton(...),
              Padding(
                padding: const EdgeInsets.only(top: 16),
                child: _buildSignInButton(),
              ),
              SizedBox(height: 20), // 底部留空白，避免内容被系统栏遮挡
            ],
          ),
        ),
      ),
    ),
  ),
);

方案2：保留Stack但调整结构（若必须用层叠背景） #

如果一定要用Stack实现背景与内容的层叠，需让Stack占满屏幕高度，同时把内容放在SingleChildScrollView内，确保滚动组件能感知内容高度：

return Scaffold(
  body: Stack(
    children: <Widget>[
      Container(
        decoration: (...), // 背景装饰
        height: MediaQuery.of(context).size.height, // 让背景占满屏幕高度
      ),
      SingleChildScrollView(
        child: Padding(
          padding: EdgeInsets.only(
            top: MediaQuery.of(context).size.width * 0.10,
            left:13, right:13, bottom:20
          ),
          child: Form(
            key: _formKey,
            child: Column(
              children: <Widget>[
                Text("Welcome",style: TextStyle(fontWeight: FontWeight.bold,fontSize: 25.0),),
                SizedBox(height: 22),
                // 原来的各个输入框组件...
                SizedBox(height: 22),
                FitButton(...),
                Padding(
                  padding: const EdgeInsets.only(top: 16),
                  child: _buildSignInButton(),
                ),
              ],
            ),
          ),
        ),
      ),
    ],
  ),
);

关键注意点 #

• 避免用Positioned控制整个内容区域的位置，这会让内容脱离滚动组件的计算范围
• 确保SingleChildScrollView的直接子元素能正确撑开高度，让滚动组件感知内容的实际尺寸
• 若使用Stack，必须给未定位的子元素设置明确尺寸，或让滚动组件作为Stack的子元素存在

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