Flutter：ListView.builder列表项过大且无法调整的问题

我之前也踩过这个坑，ListView.builder和普通ListView的布局约束逻辑确实有差异，哪怕子组件完全一样，表现也可能不同。结合你描述的情况（普通ListView正常，builder就异常），大概率是ListView.builder默认的布局约束让你的ItemCategory失去了原有尺寸限制，下面是几个快速解决的方案：

1. 直接给ListView.builder设置itemExtent #

这是最直接的方法，强制指定每个列表项的高度，不管子组件内部怎么布局，都会被限制在这个尺寸里：

ListView.builder(
  itemExtent: 85, // 替换成你需要的列表项高度
  itemCount: yourItemCount,
  itemBuilder: (context, index) => ItemCategory(/* 你的参数 */),
)

这个方法的好处是不需要修改ItemCategory的代码，直接在builder层面搞定。

2. 给ItemCategory添加明确的尺寸约束 #

如果不想固定全局的itemExtent，也可以在ItemCategory内部或者包裹它的时候设置固定高度：

方式A：在itemBuilder里用SizedBox包裹 #

itemBuilder: (context, index) => SizedBox(
  height: 85,
  child: ItemCategory(/* 你的参数 */),
)

方式B：修改ItemCategory内部布局 #

确保ItemCategory的根组件有明确的高度约束，比如用Container包裹：

class ItemCategory extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 85, // 固定高度
      padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
      child: /* 你的原有内容 */,
    );
  }
}

3. 检查ItemCategory是否包含膨胀类组件 #

如果你的ItemCategory里用了Expanded、Flexible这类会抢占可用空间的组件，在ListView.builder里就会导致子项撑满ListView的可用高度（因为builder的默认约束是让子项尽可能占用空间）。这种情况下，只需要把这些膨胀组件换成普通的Container或者 SizedBox即可。

4. 验证ListView的父组件约束 #

如果你的ListView.builder是放在无约束的父组件里（比如直接放在Column里没加Expanded），也可能导致子项尺寸异常。这时候可以给ListView.builder套一层Expanded，让它获取合理的布局约束：

Column(
  children: [
    Expanded(
      child: ListView.builder(/* 你的配置 */),
    ),
  ],
)

为什么普通ListView正常？因为普通ListView的children是直接传入的widget列表，Flutter会给这些子项施加更严格的默认约束；而ListView.builder是动态生成子项，默认情况下子项会继承ListView的布局约束，如果子项没有自身的尺寸限制，就会膨胀到最大可用空间。

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