Flutter中Column内ListView.builder（含Expanded）布局报错求助

以下是针对你遇到的RenderBox was not laid out及hasSize错误的具体解决思路和代码示例：

核心方案1：外层Column设置mainAxisSize: MainAxisSize.min+Expanded包裹列表 #

showModalBottomSheet的布局约束和普通页面不同，直接嵌套Column+ListView时，必须限制Column的主轴尺寸，避免它无限扩展：

showModalBottomSheet(
  context: context,
  builder: (context) {
    return Column(
      mainAxisSize: MainAxisSize.min, // 关键：让Column仅占用子组件所需高度
      children: [
        // 弹窗头部（比如标题、操作按钮）
        Padding(
          padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
          child: Text("已选食物"),
        ),
        // 列表部分用Expanded分配剩余空间
        Expanded(
          child: ListView.builder(
            itemCount: selectedFoods.length,
            itemBuilder: (context, index) {
              return ListTile(
                title: Text(selectedFoods[index].name),
              );
            },
          ),
        ),
      ],
    );
  },
);

核心方案2：用SingleChildScrollView包裹全部内容（适合内容较多场景） #

如果弹窗内容可能超过屏幕高度，直接用外层滚动容器统一处理，同时禁用ListView内部滚动：

showModalBottomSheet(
  context: context,
  builder: (context) {
    return SingleChildScrollView(
      padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom), // 适配键盘
      child: Column(
        children: [
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
            child: Text("已选食物"),
          ),
          ListView.builder(
            shrinkWrap: true, // 必须：让ListView根据内容自动收缩高度
            physics: NeverScrollableScrollPhysics(), // 禁止内部滚动，交由外层统一处理
            itemCount: selectedFoods.length,
            itemBuilder: (context, index) {
              return ListTile(title: Text(selectedFoods[index].name));
            },
          ),
        ],
      ),
    );
  },
);

额外排查点 #

• 不要给ListView或外层Column套无约束的容器（比如未设置宽高的Container），否则组件无法获取布局尺寸。
• 如果需要弹窗占满屏幕，开启isScrollControlled: true，此时内部必须用Expanded或LayoutBuilder来分配空间，避免组件无限扩展。

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