Flutter ListView垂直滚动正常但水平滚动失效如何解决

• 冗余嵌套滚动组件：外层SingleChildScrollView与内层ListView均为滚动类组件，跨方向/同方向嵌套时极易出现手势冲突、约束传递断裂问题。垂直方向可滚动属于布局巧合适配，并非规范写法。
• 水平滚动缺少有效约束：滚动方向改为水平后，ListView默认会在横向无限拓展布局，外层SizedBox的尺寸约束被中间嵌套的滚动组件拦截，导致ListView无法计算可视区域宽度，无法触发滚动。
• 误用适配组件：Flexible、Expanded仅用于处理Column/Row等弹性布局下的剩余空间分配问题，无法修复滚动组件嵌套导致的约束传递失效问题，冗余嵌套下shrinkWrap属性还会进一步干扰布局计算结果。

直接移除外层冗余的SingleChildScrollView，为水平滚动的ListView补充明确的高度约束、为列表子项补充明确宽度约束即可，修正后可正常触发水平滚动：

return Scaffold(
  appBar: appBar(),
  body: Padding(
    padding: const EdgeInsets.only(top: 5, left: 8, right: 5),
    child: Column(
      children: [
        Card(
          elevation: 0,
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              SizedBox(
                height: 100, // 为水平滚动的ListView指定固定可视高度
                width: double.infinity, // 横向占满Card可用宽度，可按需替换为固定宽度值
                child: ListView.builder(
                  scrollDirection: Axis.horizontal, // 配置水平滚动方向
                  physics: const BouncingScrollPhysics(),
                  itemCount: 5,
                  itemBuilder: (BuildContext context, int index) {
                    return SizedBox(
                      width: 110, // 为水平列表子项指定固定宽度，避免横向无约束报错
                      child: ListTile(
                        title: TextButton(
                          onPressed: () {},
                          child: Text(brandName[index]),
                        ),
                      ),
                    );
                  },
                ),
              )
            ],
          ),
        ),
      ],
    ),
  ),
);

• 普通单方向滚动场景不要在ListView外层额外套SingleChildScrollView，多余嵌套只会增加滚动冲突、布局报错的概率，仅在复杂双向滚动场景下才考虑多层滚动组件嵌套。
• 使用水平方向ListView时，父组件必须传递明确的高度约束，列表子项建议配置明确宽度，避免触发无限尺寸布局异常。
• Expanded、Flexible仅在ListView置于Column/Row等弹性容器内、需要占用布局剩余空间时使用，当前场景SizedBox已经给出明确尺寸，不需要这两个组件包裹。

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