Flutter：在SingleChildScrollView的Column中使用水平ListView.Builder的无限扩展问题

问题根源 #

你当前的布局里，SingleChildScrollView会让内部的Column失去垂直方向的固定约束，而水平方向的ListView.Builder在垂直方向上默认没有明确的高度限制，会一个劲地往垂直方向撑，触发无限扩展的错误。用Expanded没用是因为Expanded需要父组件有确定的尺寸约束，而这里的Column根本给不出。

直接解决方案 #

给水平的ListView.Builder外面套一层IntrinsicHeight组件，它会自动根据你ListView里最高的那个子Column算出垂直高度，给ListView一个明确的约束，就能解决问题。同时记得把ListView的shrinkWrap设为true，让它在水平方向上自适应内容宽度。

示例代码 #

SingleChildScrollView(
  child: Column(
    children: [
      // 这里放你的其他组件
      IntrinsicHeight(
        child: ListView.builder(
          scrollDirection: Axis.horizontal,
          shrinkWrap: true,
          // 如果不需要水平滚动，加这个避免滚动冲突
          physics: const NeverScrollableScrollPhysics(),
          itemCount: 5, // 替换成你的实际数据长度
          itemBuilder: (context, index) {
            return Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text("第$index项标题"),
                Text("这是子内容，自适应高度"),
                // 其他需要自适应的组件
              ],
            );
          },
        ),
      ),
      // 其他组件继续往下放
    ],
  ),
)

注意点 #

• IntrinsicHeight会遍历子组件计算高度，如果你的列表项特别多，可能会有轻微性能影响，但绝大多数场景下完全够用。
• 确保ListView的子Column里没有会导致无限扩展的组件（比如没给约束的Expanded），不然还是会出问题。

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