Flutter Column内多个ListView组件动态尺寸适配方案

你遇到的两个列表各占一半高度的问题，核心原因是两个ListView都被Expanded组件包裹：Expanded的默认逻辑是强制子组件占满Column主轴方向分配到的剩余空间，两个Expanded默认flex参数都是1，不管内部内容多少，都会平分Column的垂直可用空间，和ListView本身的配置无关。
之前你尝试用width: double.infinity的SizedBox包裹List1时抛出hasSize断言错误，是因为ListView作为垂直可滚动组件，在没有明确高度约束的场景下会进入无界渲染状态，无法计算自身确定尺寸，直接触发框架的布局校验报错。

要实现List1只占内容所需最小高度、List2占满剩余空间的效果，按以下步骤调整即可：

• 移除List1外层包裹的Expanded组件，取消强制撑满空间的约束
• 给List1对应的ListView.builder增加shrinkWrap: true属性：该属性会让ListView提前计算所有子项的总高度，将自身高度设置为刚好包裹全部内容的值，而非占满父级给到的最大可用高度
• 给List1对应的ListView.builder增加*physics: const NeverScrollableScrollPhysics()*属性：List1高度自适应内容后本身不需要独立滚动，禁用其滚动响应可以避免和List2的滚动冲突
• 保留List2外层的Expanded组件，确保List2可以占满List1布局完成后剩下的全部垂直空间

修复后List1部分的StreamBuilder代码参考：

return StreamBuilder<QuerySnapshot?>(
  stream: streamFromFirebase.snapshots(),
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      List<List1Model> _list1 = [];
      for (var document in snapshot.data!.docs) {
        var item = List1Model.fromDoc(document);
        _list1.add(item);
      }
      return ListView.builder(
        shrinkWrap: true,
        physics: const NeverScrollableScrollPhysics(),
        itemCount: _list1.length,
        itemBuilder: (context, index) {
          return List1Tile(
            data: _list1[index],
          );
        },
      );
    } else {
      // 加载/无数据状态返回零尺寸占位，不占用布局空间
      return const SizedBox.shrink();
    }
  },
);

对应的Column布局结构调整为：

body: Column(
  children: [   
    List1(),
    Expanded(child: List2()),
  ],
)

注意：shrinkWrap: true会一次性渲染ListView的所有子项，无法实现懒加载，如果List1的数据量超过50条，会出现一定的性能损耗，仅适合List1数据量较小的场景。

这个方案完全可行，如果你不需要两个列表独立滚动，反而推荐用这个方案，性能表现更好：

• 可以通过rxdart的combineLatest方法、或者双StreamBuilder嵌套的方式，将两个Firebase的数据流合并，同时监听两个数据源的变化
• 用单个ListView承载所有内容，通过标记位区分不同数据源的项，分别渲染对应UI即可，整个列表统一滚动，完全不需要处理高度分配的问题
• 双数据流合并的简单示例：

// 引入rxdart后可直接合并两个流
final combinedListStream = Rx.combineLatest2(
  list1FirebaseStream.snapshots(),
  list2FirebaseStream.snapshots(),
  (QuerySnapshot list1Snap, QuerySnapshot list2Snap) {
    // 按需要的顺序合并两个数据源的文档
    return [...list1Snap.docs, ...list2Snap.docs];
  }
);

问题场景参考：List1为空时仍占据半屏空间

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