Flutter使用ExpansionTile时出现RenderBox was not laid out报错如何解决

这个hasSize报错本质是Flutter布局过程中，滚动组件嵌套时没有拿到明确的高度约束导致的：

• 你的ExpansionTile放在固定高度的Column内，展开后内部的ListView.builder即使设置了shrinkWrap: true，默认仍自带滚动属性，会和父级的高度约束冲突
• ListView没有禁用自身滚动，当列表内容高度超过展开区域可用高度时，布局系统无法计算出明确的渲染尺寸

你需要修改ListView.builder的配置，同时调整ExpansionTile的父级约束，两步即可解决问题：

1. 给ListView.builder添加physics: const NeverScrollableScrollPhysics()，禁用列表自身的滚动能力，让它完全跟随父级容器布局计算高度
2. 因为你的Column目前只有ExpansionTile一个子组件，可以给ExpansionTile外层包裹Expanded，让它占据Column的全部可用高度，避免展开后高度溢出

修改后的核心代码如下：

return SafeArea(
  child: Container(
    padding: EdgeInsets.all(16.0),
    color: Color(int.parse(bodycolor)),
    width: MediaQuery.of(context).size.width,
    height: MediaQuery.of(context).size.height,
    child: Column(children: [
      // 给ExpansionTile包裹Expanded
      Expanded(
        child: ExpansionTile(
          leading: Icon(Icons.info_rounded, color: HexColor("#5344ed")),
          title: Text(
            "Select Staff",
            style: GoogleFonts.montserrat(
                fontSize: 18.0,
                fontWeight: FontWeight.bold,
                color: HexColor("#5344ed")),
          ),
          children: [
            buildSearch(),
            ListView.builder(
              shrinkWrap: true,
              // 新增这行，禁用ListView自身滚动
              physics: const NeverScrollableScrollPhysics(),
              itemCount: books.length,
              itemBuilder: (context, index) {
                final book = books[index];
                return ListTile(
                  title: Text(book.title),
                  subtitle: Text(book.author),
                );
              },
            )
          ]),
      )
  ])),
);

如果后续你的Column内增加了其他固定高度的子组件，或者图书列表长度很长，你可以给整个Column包裹SingleChildScrollView，同时去掉最外层Container的固定高度设置、以及ExpansionTile外层的Expanded，让整个页面可以滚动，适配长列表展示需求。

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