Flutter添加SingleChildScrollView后布局报错不显示问题

报错原文RenderFlex children have non-zero flex but incoming height constraints are unbounded翻译为：RenderFlex子组件设置了非零弹性属性，但接收到的高度约束是无边界的。
触发逻辑非常明确：

• SingleChildScrollView是可滚动组件，会给内部子组件传递无上限的纵向高度约束，以此适配内容长度超出屏幕时的滚动需求。
• 你代码中根Column的最后一个子组件用了Expanded包裹，Expanded的核心逻辑是自动占满父组件的剩余可用纵向空间。
• 当父组件给出的高度是无限大时，Expanded会尝试填充无限大的高度，Flutter无法计算出实际渲染尺寸，直接抛出报错。
• 未添加SingleChildScrollView时，外层Scaffold的body会传递和屏幕高度一致的有界高度约束，Expanded可以正常计算剩余空间高度，因此代码可以正常运行。

• 最直接的修复：删除包裹Return按钮的Expanded组件，通过SizedBox设置顶部间距把按钮和上方内容隔开即可。滚动场景下按钮会跟随页面内容滚动，符合常规滚动页面交互。
  修复后的对应代码片段：

  // 替换原来的Expanded块
  const SizedBox(height: 100,), // 间距数值按需调整
  Padding(
    padding: const EdgeInsets.fromLTRB(15.0, 15.0, 15.0, 10.0),
    child: RoundedButton(
      onPressed: () => Navigator.pop(context),
      title: 'Return',
      buttonColor: kCartellBlue,
    ),
  ),
  

• 如果需要实现「内容不足一屏时Return按钮固定在屏幕底部，内容超出一屏时按钮跟随内容滚动到末尾」的效果，不要在SingleChildScrollView内部放Expanded，改用LayoutBuilder获取屏幕实际高度，给滚动内容设置最小高度为屏幕高度，再通过MainAxisAlignment.spaceBetween排布内容即可。

通用避坑规则：所有可滚动组件（包括SingleChildScrollView、ListView、GridView、CustomScrollView）的直接/间接子级中，不要直接使用Expanded、Flexible、Spacer这类依赖父组件有界约束计算尺寸的弹性组件，否则必然触发同类无边界约束报错。如果必须使用，要先给弹性组件的父级套上有明确高度的有界容器。

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