Flutter嵌套Column中使用Spacer触发unbounded height错误如何解决

你遇到的报错和Scaffold的body约束无关，核心是嵌套Column的布局规则冲突：

• Scaffold的body确实会给直接子组件传递有限的可用高度约束，外层Column作为body的直接子组件，可以拿到明确的最大高度值
• 外层Column在布局子组件时，会先给所有不带flex属性的子组件（包括你的内层Column、底部的Text('ok')）传递无上限的垂直高度约束，待所有非flex子组件高度计算完成后，再把剩余高度分配给带flex属性的子组件
• 内层Column属于外层Column的非flex子组件，拿到的是无上限高度约束，而内层Column里的Spacer本质是flex:1的占位组件，需要在有限高度范围内计算剩余可用空间，无上限约束下无法完成计算，因此触发报错

根据业务场景可以选择以下任意一种方案：

• 方案1：给内层Column外层包裹Expanded组件，让外层Column把计算完非flex子组件后的剩余高度分配给内层Column，此时内层Column拿到有限高度约束，Spacer可以正常计算剩余空间
  示例代码：

  Column(
    children: [
      Expanded(
        child: Column(
          children: [
            Text('Whyy'),
            Spacer(),
            Text('crash?'),
          ],
        ),
      ),
      Text('ok'),
    ],
  )
  

• 方案2：给内层Column设置固定高度，明确约束范围，适合内层Column不需要占满剩余高度的场景
• 方案3：删除内层Column里的Spacer组件，改用SizedBox设置固定间距，适合两个Text组件只需要固定间距的场景

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