Flutter中如何在Column组件内正确添加ListView组件？

错误根因 #

• constraints.hasBoundedWidth报错：外层Container未指定宽度，嵌套的ListView在shrinkWrap模式下无法获取到明确的水平边界约束，无法完成布局计算。
• hasSize报错：属于上一个错误的连锁异常，视口组件未拿到合法布局约束，无法计算自身尺寸，最终渲染失败。
• 你提供的原始代码存在语法错误：括号不匹配，多写了两层闭合标记，会额外触发编译异常。

修复方案 #

核心是给外层容器增加明确的宽度约束，同时修正语法错误，优化布局属性：

Widget build(BuildContext context) {
  return Container(
    // 补充宽度约束，此处设置为填满父组件宽度
    width: double.infinity,
    child: SingleChildScrollView(
      physics: const ScrollPhysics(),
      child: Column(
        // 可选配置：让Column仅占用内容所需的最小高度，减少不必要的布局开销
        mainAxisSize: MainAxisSize.min,
        children: [
          const Text("Submitted date:"),
          const Text("Due date:"),
          ListView.builder(
              physics: const NeverScrollableScrollPhysics(),
              shrinkWrap: true,
              itemCount: _productDetails.length,
              itemBuilder: (context, i) {
                final product = _productDetails[i];
                return ProductCard(product);
              }),
        ],
      ),
    ),
  );
}

如果内部的ProductCard组件未设置宽度，也可以在其外层包裹Container或SizedBox指定宽度，避免出现水平溢出问题。

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