Flutter用Column/ListView替代Container时出现布局报错如何解决？

运行报错信息：
child: RenderPointerListener#c3ba4 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
parentData:
constraints: MISSING
size: MISSING
...
RenderPadding object was given an infinite size during layout.
触发错误的相关Widget为：SafeArea，对应文件路径lib\dept.dart第62行
A RenderFlex overflowed by Infinity pixels on the bottom.
触发错误的相关Widget为：Column，对应文件路径lib\dept.dart第60行

两个报错核心均为无高度约束导致布局计算失败：Column、ListView、自定义Chart容器这类组件需要基于父容器传递的尺寸约束计算自身大小，若父容器没有提供明确的上下边界限制，组件会尝试拉伸到无限高度，最终触发尺寸缺失、无限溢出类报错。

• 定位lib\dept.dart第60行的Column，检查它的父容器是否提供了明确高度约束：如果Column的父节点是另一个Column、Row、未指定尺寸的Container，父节点不会向下传递高度限制，子Column就会尝试延伸到无限高。
• 检查第62行的SafeArea：如果SafeArea的子节点是无边界的滚动容器，SafeArea的Padding在布局阶段无法计算可填充的最大尺寸，就会抛出无限尺寸报错。
• 确认Chart组件是否设置了明确尺寸：未指定宽高的自定义组件放在无约束容器中，也会触发constraints MISSING类报错。

场景1：Column内部包含滚动/无固定尺寸组件 #

给Column内的滚动/无尺寸组件套上Expanded或者Flexible，让它自动填充Column的剩余可用空间：

// 错误写法
Column(
  children: [
    Text("头部标题"),
    ListView(children: [...]) // 无高度约束会无限延伸
  ]
)

// 正确写法
Column(
  children: [
    Text("头部标题"),
    Expanded( // 约束子组件高度为Column剩余可用空间
      child: ListView(children: [...])
    )
  ]
)

场景2：需要给Chart/列表指定固定展示高度 #

直接给组件外层套SizedBox指定固定高度即可：

Column(
  children: [
    Text("头部标题"),
    SizedBox(
      height: 350, // 自定义固定高度
      child: ChartContainer(...)
    )
  ]
)

场景3：整个页面内容需要滚动 #

直接把根布局的Column替换为ListView，ListView本身自带滚动能力，不需要父容器传递高度约束：

// 错误根布局
Scaffold(
  body: SafeArea(
    child: Column(
      children: [...大量可滚动内容...]
    )
  )
)

// 正确根布局
Scaffold(
  body: SafeArea(
    child: ListView(
      children: [...大量可滚动内容...]
    )
  )
)

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