Flutter如何解决failedAssertion: size.isFinite布局报错

报错核心是Flutter 约束自上而下传递、尺寸自下而上上报、父组件决定子组件位置 的基础布局规则，网上流传的“Row/Column主轴为无限长度”是不严谨的片面结论，具体触发逻辑：

• 初始布局可正常运行：Expanded是Column的直接子组件，Column作为页面根层级的组件，垂直方向（自身主轴）会拿到屏幕传递的有限高度约束，Expanded自动扣除widget1、widget2占用的固定高度后，将剩余的有限垂直空间分配给内部子组件，所有组件尺寸均为有限值，无布局冲突。
• 调整结构后触发报错：直接将Column下的Expanded替换为Row，把Expanded挪到Row内部后，Row成为Column的普通非弹性子组件，Column在垂直主轴方向给非弹性子组件传递的是无界约束（无高度上限）；Row拿到无界垂直约束后，会将该约束沿自身交叉轴（垂直方向）传递给内部子组件，内部Expanded对应的子组件尝试占满分配空间时，拿到的是无限高度，直接触发size.isFinite断言错误。

• 误区1：Row、Column的主轴天然是无限长度。实际上Row、Column都属于Flex组件，自身的约束完全来自父组件传递：如果父组件给主轴方向传的是有限约束，Flex的主轴就是受限的；只有父组件传无界约束时（比如把Column放在垂直滚动的ListView中），Flex主轴才是无界状态，此时直接放Expanded才会引发布局冲突。
• 误区2：Expanded在任何Flex组件里效果一致。Expanded只会在直接父级Flex组件的主轴方向瓜分剩余空间，完全不处理交叉轴的约束，交叉轴的约束是否合法，完全取决于Flex组件本身从上层拿到的约束是否合理。
• 误区3：调整嵌套结构只需要移动子组件位置。嵌套层级变化会直接改变约束传递的路径，把Expanded从Column的直接子元素移到Row内部时，Expanded的父级Flex从Column变成了Row，中间层Row拿到的约束也发生了变化，自然会出现布局异常。

• 给Row加mainAxisSize: MainAxisSize.min：这个属性只控制Row在自身主轴（水平方向）的尺寸规则，让Row尽量包裹子组件，完全不影响垂直方向的无界约束，解决不了根本问题。
• 给组件套固定尺寸Container：属于硬编码尺寸，绕开了Flutter的响应式约束传递逻辑，在不同尺寸设备上必然出现溢出、适配差的问题，不符合响应式设计要求。

只需要用Expanded包裹Row，让Row先占据Column垂直方向的剩余空间，拿到有限的高度约束，Row内部的Expanded就能正常在水平方向瓜分剩余空间，完全符合响应式布局要求，正确结构代码如下：

Column
  widget1
  Expanded // 包裹Row，占Column垂直方向剩余空间，传递有限高度约束
    Row
      button1
      expanded // 此时Expanded在Row的水平主轴方向瓜分剩余空间，约束合法
      button2
  widget2

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