Flutter开发遇RenderBox未布局异常，求解决方案（附代码）

报错信息 #

Another exception was thrown: RenderBox was not laid out: RenderPadding#64692 relayoutBoundary=up5
NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE

问题原因 #

这是布局约束冲突导致的错误：GridView作为可滚动组件，默认需要父容器提供明确的高度约束才能完成布局。但你将它嵌套在Column+SingleChildScrollView结构中，这两个组件都是垂直方向的自适应/可滚动容器，无法给GridView传递确定的高度，导致Flutter无法计算其渲染尺寸。

修复方案 #

给GridView.builder添加两个关键属性：

• shrinkWrap: true：让GridView根据子项内容自动收缩到合适高度
• physics: NeverScrollableScrollPhysics()：禁用GridView自身的滚动，避免和外层SingleChildScrollView产生嵌套滚动冲突

另外，子项中的Expanded在无明确高度的Container中也可能引发布局问题，直接移除即可让Text自适应高度。

修改后的完整代码 #

return AlertDialog(
  insetPadding: EdgeInsets.only(bottom: 520),
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12.0)),
  title: Container(
    color: Color.fromARGB(255, 253, 253, 253),
    child: Text('Comment', style: TextStyle(color: Color.fromARGB(255, 4, 4, 4))),
    padding: const EdgeInsets.all(17),
    margin: const EdgeInsets.all(0),
  ),
  titlePadding: const EdgeInsets.all(0),
  content: SingleChildScrollView(
    child: Column(mainAxisSize: MainAxisSize.min, children: <Widget>[
      GridView.builder(
        shrinkWrap: true, // 添加此属性
        physics: NeverScrollableScrollPhysics(), // 添加此属性
        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 1,
        ),
        itemCount: commentList.length,
        itemBuilder: (BuildContext context, int index) {
          return Padding(
            padding: const EdgeInsets.all(2.0),
            child: Container(
              child: InkWell(
                child: Container(
                  padding: EdgeInsets.only(bottom: 10, top: 10, left: 20, right: 20),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(12),
                    border: Border.all(color: Color(0xffD4D4D4), width: 2.0)
                  ),
                  child: Column(
                    children: <Widget>[
                      SizedBox(height: 15),
                      // 移除Expanded，让Text自适应高度
                      Text(
                        commentList[index].content ?? "test", // 替换为实际API数据字段
                        textAlign: TextAlign.justify,
                        style: TextStyle(fontSize: 15, fontWeight: FontWeight.normal),
                      )
                    ],
                  )
                ),
              )
            ),
          );
        },
      ),
    ])
  ),
);

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