Flutter中Stack嵌套Container的Column内横向ListView.builder无法滚动问题

横向ListView.builder无法滚动的核心原因是：

1. 嵌套在Stack中的Container若未明确约束尺寸，内部Column会在垂直方向无限扩展，导致横向ListView缺少固定的垂直高度约束——Flutter横向滚动组件必须明确自身垂直边界才能计算滚动区域，否则会默认包裹子项高度，无法触发滚动。
2. Column本身不会限制子组件的垂直高度，若不给横向ListView指定高度，它只会显示能容纳的少量子项。

以下两种方案可解决问题，根据你的布局需求选择：

方案1：给横向ListView固定高度（最直接） #

用SizedBox包裹ListView.builder，明确指定垂直高度，让组件获得清晰的滚动边界：

Stack(
  children: [
    // 先给Container明确尺寸，避免内部Column无限制扩展
    Container(
      width: MediaQuery.of(context).size.width,
      height: MediaQuery.of(context).size.height,
      child: Column(
        children: [
          // 其他组件（比如标题）
          const Text("横向滚动列表"),
          // 用SizedBox固定ListView高度
          SizedBox(
            height: 120, // 根据子项高度调整合适值
            child: ListView.builder(
              scrollDirection: Axis.horizontal,
              itemCount: 20,
              itemBuilder: (context, index) {
                return Container(
                  width: 100,
                  margin: const EdgeInsets.symmetric(horizontal: 8),
                  color: Colors.blue[100 * (index % 9)],
                  alignment: Alignment.center,
                  child: Text("Item $index"),
                );
              },
            ),
          ),
          // 其他底部组件
          const Spacer(),
          const Text("底部内容"),
        ],
      ),
    ),
  ],
)

方案2：让ListView占满Column剩余空间（自适应布局） #

若希望ListView高度随剩余空间自适应，用Expanded代替SizedBox，让Column自动分配垂直空间：

Stack(
  children: [
    Positioned(
      top: 0,
      left: 0,
      right: 0,
      bottom: 0, // 让Container填充整个Stack
      child: Container(
        child: Column(
          children: [
            const Text("横向滚动列表"),
            // 用Expanded让ListView占满剩余垂直空间
            Expanded(
              child: ListView.builder(
                scrollDirection: Axis.horizontal,
                itemCount: 20,
                itemBuilder: (context, index) {
                  return Container(
                    width: 100,
                    margin: const EdgeInsets.symmetric(horizontal: 8),
                    color: Colors.green[100 * (index % 9)],
                    alignment: Alignment.center,
                    child: Text("Item $index"),
                  );
                },
              ),
            ),
            const Text("底部内容"),
          ],
        ),
      ),
    ),
  ],
)

• 横向滚动组件（scrollDirection: Axis.horizontal）必须有明确的垂直高度约束，这是Flutter滚动组件的硬性要求。
• Stack内的子组件建议通过Positioned或直接设置width/height明确尺寸，避免内部布局失去约束。

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