带滚动Footer的ListView实现：Footer始终居屏幕底部需求咨询

嘿，这个需求我之前做项目时刚好碰到过，手动计算子组件高度确实太折腾了——既要等布局完成又容易出适配问题。给你两个不用算高度的靠谱方案，直接就能实现你要的效果：

方案一：使用CustomScrollView + SliverFillRemaining（推荐复杂场景） #

这个方案利用Flutter的Sliver组件体系，完美适配滚动和底部定位的需求，还能扩展更多滚动相关的功能（比如头部吸顶、悬浮栏等）。

核心思路是：用SliverList承载列表项，SliverFillRemaining填充列表之外的剩余空间，把Footer放在这个填充区域的底部。当列表内容不足屏幕高度时，Footer会被推到屏幕底部；当列表内容超过屏幕时，Footer会跟随滚动到列表的最末端。

代码示例：

CustomScrollView(
  slivers: [
    // 你的列表项
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (context, index) => ListTile(title: Text('列表项 $index')),
        childCount: 2, // 替换成你的实际列表数量
      ),
    ),
    // 自适应Footer容器
    SliverFillRemaining(
      hasScrollBody: false, // 关键：禁止这个区域产生滚动，只填充剩余空间
      child: Align(
        alignment: Alignment.bottomCenter,
        child: Container(
          height: 60,
          width: double.infinity,
          color: Colors.grey[200],
          child: const Center(child: Text('我是Footer')),
        ),
      ),
    ),
  ],
)

方案二：使用Column + Expanded + ListView（适合简单场景） #

如果你的需求只是基础的列表加Footer，这个方案更简洁直观，不需要接触Sliver组件。

核心思路是：用Expanded包裹ListView，让ListView自动占满除Footer之外的所有可用空间。当列表内容少的时候，ListView会被拉伸填满剩余空间，Footer自然停在屏幕底部；当列表内容超过屏幕高度时，ListView可以正常滚动，Footer会跟随滚动到列表末尾。

代码示例：

Column(
  children: [
    Expanded(
      child: ListView.builder(
        itemCount: 2, // 替换成你的实际列表数量
        itemBuilder: (context, index) => ListTile(title: Text('列表项 $index')),
      ),
    ),
    // 固定高度的Footer
    Container(
      height: 60,
      width: double.infinity,
      color: Colors.grey[200],
      child: const Center(child: Text('我是Footer')),
    ),
  ],
)

这两个方案都完全不需要提前计算子组件高度，由Flutter的布局系统自动处理适配，不管是列表项多还是少，都能完美符合你的需求～

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