Flutter中横向ListView为何需固定高度父组件？

先看你的代码：

SizedBox(
  width: Get.width,
  height: 50,
  child: Obx(
    () => ListView.separated(
      shrinkWrap: true,
      padding: Margin.h16,
      scrollDirection: Axis.horizontal,
      itemBuilder: _itemCategoryBuilder,
      separatorBuilder: separatorBuilder,
      itemCount: controller.categories.length,
    ),
  ),
);

你疑惑的点：明明每个子组件高度固定100，为什么ListView不能自动把自己高度调成100，非要套SizedBox这类固定高度容器？

核心原因和Flutter的布局逻辑、ListView的设计有关：

• 主轴与交叉轴的约束差异：当scrollDirection设为Axis.horizontal时，ListView的主轴是水平方向，交叉轴是垂直方向。ListView的shrinkWrap参数只对主轴方向生效——它让ListView在水平方向收缩到所有子项的总宽度，完全不影响垂直方向（交叉轴）的约束。
• 交叉轴的无限制约束：ListView的设计初衷是支持滚动，所以在交叉轴方向，它默认不会主动根据子项尺寸约束自身大小，反而会向父组件请求尽可能多的空间（如果父组件没给交叉轴约束，甚至会直接报错）。哪怕子项高度固定，ListView也不会主动读取这个高度来设置自身高度。
• 必须明确交叉轴约束：要让横向ListView的高度适配子项，你要么像现在这样用SizedBox/Container给它明确的高度值；如果子项高度是动态的，也可以用IntrinsicHeight组件包裹（不过这个组件需要遍历所有子项计算高度，子项数量多的话会有性能损耗，仅适合子项少的场景）。

举个子项高度固定100的优化示例：

SizedBox(
  width: Get.width,
  height: 100, // 直接设为子项固定高度
  child: Obx(
    () => ListView.separated(
      shrinkWrap: true,
      padding: Margin.h16,
      scrollDirection: Axis.horizontal,
      itemBuilder: _itemCategoryBuilder,
      separatorBuilder: separatorBuilder,
      itemCount: controller.categories.length,
    ),
  ),
);

内容的提问来源于stack exchange，提问作者M.ArslanKhan