为何Flutter中Column嵌套Column不会触发无限高度布局错误？

Flutter的布局系统遵循约束向下传递，尺寸向上返回的规则，所有组件的布局都依赖这套逻辑，这也是你遇到问题的核心原因。

为什么ListView嵌套进Column会报错？ #

• ListView是视口类组件，核心是提供可滚动视口，因此它要求父组件在主轴方向（垂直）给它一个有界约束——也就是父组件得明确它的最大可用高度，这样ListView才能确定视口大小，让内容在视口内滚动。
• Column默认mainAxisSize: MainAxisSize.max，它在主轴方向的布局逻辑是允许子组件无限延伸高度（因为Column本身不支持滚动，总高度由所有子组件的高度总和决定）。所以当ListView放进Column时，Column给它的垂直约束是无界的，相当于告诉ListView“你想多高就多高”。
• ListView拿到无界约束后，无法确定自身视口大小，直接触发“Vertical viewport was given unbounded height”错误。ListView嵌套ListView报错也是同样道理：内层ListView从外层ListView拿到无界垂直约束，无法确定视口高度。

为什么Column嵌套Column不报错？ #

Column是线性布局组件，布局逻辑和视口组件完全不同：

• 它不需要父组件给有界约束，而是先让所有子组件根据自身内容计算尺寸，再把这些尺寸相加得到自己的总高度（如果mainAxisSize: MainAxisSize.max且父组件给了有界约束，Column会占满父组件可用高度；如果父组件给无界约束，Column高度就是子组件高度总和）。
• 哪怕内部Column的mainAxisSize是max，它也不会要求父Column给有界约束，而是自己根据子组件计算高度。如果子组件太多导致总高度超过父组件可用空间，只会出现溢出警告，不会触发视口类组件的特定错误。

为什么Column嵌套进ListView不报错？ #

• ListView的每个子item在主轴方向的约束是无界的，但Column作为ListView的子组件，可以自己根据内部子组件的高度总和计算出自身高度，再把这个高度返回给ListView。
• ListView拿到这个高度后，会将其作为item的高度，汇总所有item高度作为可滚动的总内容高度。整个过程中Column不需要有界约束就能正常计算尺寸，因此不会报错。

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