Flutter如何让Column下包含水平ListView.builder的Container自动适配子高度

问题原因 #

水平滚动的ListView.builder在垂直方向属于无边界约束，父容器如果没有指定高度，会因为无法确定布局边界报错，所以你之前才需要设置固定高度。

解决方法 #

使用IntrinsicHeight组件包裹水平ListView即可，它会自动匹配子项的最大高度，不需要手动设置固定高度：

Column(
  children: [
    Padding(...),
    IntrinsicHeight(
      child: ListView.builder(
        shrinkWrap: true,
        itemCount: 6,
        scrollDirection: Axis.horizontal,
        itemBuilder: (context, index) {
          return brandListLayout('brandList![index]');
        },
      ),
    ),
  ],
)

优化说明 #

• 如果你的水平列表不需要单独滚动，可以给ListView.builder添加physics: const NeverScrollableScrollPhysics()参数，减少性能损耗
• IntrinsicHeight的布局开销略高，如果你的所有子项高度固定，建议直接指定高度属性，性能表现更优
• 若你需要保留外层的Container做背景、圆角等装饰，直接把IntrinsicHeight放到Container的child位置即可，Container无需设置height参数

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