Flutter RenderFlex无界高度约束错误：非零flex子项问题求解

问题根源 #

RenderFlex错误本质是布局组件获取到了无限高度/宽度约束，你的场景里，即使给Row套了Expanded，但若上层Column没有明确的可用空间约束，或者Scrollbar与ListView的嵌套逻辑不对，仍会导致ListView无法确定自身高度。

具体修复方案 #

1. 确保上层布局提供明确约束

如果你的Column是放在Scaffold的body里，本身已经有全屏空间约束，直接给Scrollbar外层套Expanded即可：

Column(
  children: [
    // 顶部固定内容（比如标题、按钮等）
    Text("顶部区域"),
    // 核心：用Expanded分配剩余空间给Scrollbar和ListView
    Expanded(
      child: Scrollbar(
        child: ListView.builder(
          itemCount: 50,
          itemBuilder: (ctx, idx) => ListTile(title: Text("列表项 $idx")),
        ),
      ),
    ),
  ],
)

2. 避免ListView的shrinkWrap属性设为true

shrinkWrap: true会让ListView根据内容自适应高度，在嵌套Column时会触发无限高度请求，务必保持默认的shrinkWrap: false（无需手动设置）。

3. 处理外层存在可滚动容器的情况

如果你的Column外层是SingleChildScrollView这类可滚动组件，Expanded会失效（因为可滚动容器提供无限高度），此时需要二选一：

• 移除外层的SingleChildScrollView，让ListView负责滚动；
• 改用CustomScrollView，将顶部内容和ListView转为Sliver组件：

CustomScrollView(
  slivers: [
    SliverToBoxAdapter(child: Text("顶部区域")),
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (ctx, idx) => ListTile(title: Text("列表项 $idx")),
        childCount: 50,
      ),
    ),
  ],
)

4. 检查中间层布局

如果Column和Expanded之间还有其他组件（比如Row），确保这些组件也用Expanded/Flexible约束，避免它们占用无限空间。

内容的提问来源于stack exchange，提问作者Alaa M.