Flutter：如何实现无滚动、自适应高度的ListView.builder？

核心思路 #

你需要的是一个动态构建且能响应状态变化的非滚动容器——既不需要固定高度，又能像ListView.builder那样按需生成组件，同时保留Column的自适应高度特性。

推荐实现方案 #

方案1：Column结合List.generate（最直接） #

不需要提前构建静态组件列表，而是在build方法内动态生成组件。这样每次状态变化时都会重新执行生成逻辑，确保FilterChip等带状态的组件能正确更新。

示例代码：

List<Map> data = [{'data': 'here'}];
List<int> _selectedIndices = []; // 用于保存FilterChip的选中状态

@override
Widget build(BuildContext context) {
  return Column(
    children: List.generate(data.length, (index) {
      final item = data[index];
      if (conditionA) {
        return FilterChip(
          label: Text(item['data']),
          selected: _selectedIndices.contains(index),
          onSelected: (bool selected) {
            setState(() {
              selected ? _selectedIndices.add(index) : _selectedIndices.remove(index);
            });
          },
        );
      } else if (conditionB) {
        return Text(item['data']);
      } else {
        return Container();
      }
    }),
  );
}

核心要点：将组件生成逻辑放在build方法内部，依赖setState触发重新构建，保证状态变化能同步到组件。

方案2：CustomScrollView+SliverList（支持Expanded特性） #

如果需要让某个子组件占据剩余空间（类似Expanded的效果），可以用这个组合：

@override
Widget build(BuildContext context) {
  return CustomScrollView(
    shrinkWrap: true, // 自适应内容高度
    physics: NeverScrollableScrollPhysics(), // 禁用滚动
    slivers: [
      SliverList(
        delegate: SliverChildBuilderDelegate(
          (context, index) {
            final item = data[index];
            // 同方案1的条件判断与组件生成逻辑
            if (conditionA) {
              return FilterChip(...);
            }
            // ...其他条件分支
          },
          childCount: data.length,
        ),
      ),
      // 实现Expanded效果：占据剩余空间
      SliverFillRemaining(
        child: Container(color: Colors.grey),
      ),
    ],
  );
}

原方案问题解析 #

• ListView.builder的高度约束问题：它本质是滚动容器，即使shrinkWrap: true，若父组件无明确高度约束，仍无法自适应高度；NeverScrollablePhysics()仅禁用滚动，无法解决高度依赖问题。
• 预构建widgetList无状态更新：静态列表在build方法外创建，setState触发时不会重新生成，导致组件无法感知状态变化。

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