Flutter中'hasSize': RenderBox未布局问题：Expanded无效该如何修复？

你遇到的这个报错，核心原因是Column属于无垂直约束的布局容器：用Expanded包裹ListView.builder时，Expanded会要求ListView占满Column的剩余空间，但如果Column本身没有明确的高度约束（比如父组件是可滚动或无固定高度的容器），ListView就无法确定自身尺寸，从而抛出布局错误。SizedBox虽能解决报错，但固定高度不符合自适应需求。

正确解决方案 #

给ListView.builder添加shrinkWrap: true属性，同时移除外层的Expanded。这样ListView会根据所有列表项的总高度自动收缩自身尺寸，Column就能自适应列表高度，卡片也会随列表项数量自动展开。

修改后的代码示例 #

Card(
  elevation: 5,
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
  child: Padding(
    padding: const EdgeInsets.all(20.0),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text("xyz"),
        // 移除Expanded，给ListView添加shrinkWrap: true
        ListView.builder(
          shrinkWrap: true,
          // 禁用自身滚动，避免和外层滚动容器冲突
          physics: NeverScrollableScrollPhysics(),
          itemCount: yourItemCount, // 替换为实际列表项数量
          itemBuilder: (context, index) {
            return GestureDetector(
              onTap: () => {}, // 替换为实际点击逻辑
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  const Divider(),
                  Text("列表项标题"), // 替换为实际文本
                  Text("列表项内容"), // 替换为实际文本
                ],
              ),
            );
          },
        ),
      ],
    ),
  ),
)

补充说明 #

• shrinkWrap: true会让ListView遍历所有子项计算总高度，若列表项数量极大，可能存在性能损耗，建议结合分页加载优化。
• 如果卡片嵌套在可滚动容器（比如SingleChildScrollView）中，physics: NeverScrollableScrollPhysics()可以避免滚动冲突，让外层容器统一处理滚动逻辑。

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