如何在ListView中模拟Column的spaceBetween布局效果？

要实现item数量较少时Footer固定在屏幕底部、item过多时Footer随内容滚动的效果，有两种常用方案：

方案一：使用CustomScrollView + Sliver组件 #

利用CustomScrollView的sliver体系，通过SliverFillRemaining自动填充剩余空间，让Footer在内容不足时处于屏幕底部：

CustomScrollView(
  slivers: [
    // 渲染动态item列表
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (context, index) => items[index],
        childCount: items.length,
      ),
    ),
    // 填充剩余空间，将Footer固定在底部
    SliverFillRemaining(
      hasScrollBody: false,
      child: Align(
        alignment: Alignment.bottomCenter,
        child: Footer(),
      ),
    ),
  ],
)

• hasScrollBody: false确保即使剩余空间不足，也不会生成可滚动区域，避免多余滚动行为。

方案二：Column + Expanded + ListView #

将ListView嵌套在Column中，用Expanded让ListView占据屏幕剩余空间，Footer直接放在Column末尾：

Column(
  children: [
    Expanded(
      child: ListView(
        children: items,
      ),
    ),
    Footer(),
  ],
)

这种方案下Footer会固定在屏幕底部，不会随列表滚动；如果需要Footer随内容滚动，优先选方案一。

为什么Spacer在ListView中会报错？ #

Spacer需要父组件提供明确的可用空间约束，而ListView的高度是无限延伸的，无法为Spacer分配确定的空间，因此会抛出布局异常。

内容的提问来源于stack exchange，提问作者Esteban Muñoz