Flutter使用ListView.Builder时出现Incorrect use of ParentDataWidget错误求助

问题代码 #

Flexible(
   child: Column(
     children: [
       Expanded(
        child: SizedBox(
           width: double.infinity,
           height: double.infinity,
           child: ListView.builder(
              scrollDirection: Axis.vertical,
              itemCount: content.length,
              itemBuilder: (context, index) {
              return LocalChatItem(index: index);
            },
           ),
         ),
        ),
      ],
  ),
)

报错信息 #

throw FlutterError.fromParts([
ErrorSummary('Incorrect use of ParentDataWidget.'),
...parentDataWidget._debugDescribeIncorrectParentDataType(
parentData: renderObject.parentData,
parentDataCreator: _ancestorRenderObjectElement!.widget as RenderObjectWidget,
ownershipChain: ErrorDescription(debugGetCreatorChain(10)),
),
])

错误原因与修复步骤 #

这个错误的核心是**Expanded这类ParentDataWidget的子组件不能强行设置无限高度**：Expanded的作用是让子组件填充Column的剩余垂直空间，但你给子级SizedBox设置了height: double.infinity，这会导致布局逻辑冲突，触发ParentData异常。

修复后的代码（精简版） #

Flexible(
  child: Column(
    children: [
      Expanded(
        // 移除冗余的SizedBox，ListView默认会适配Expanded的空间
        child: ListView.builder(
          scrollDirection: Axis.vertical,
          itemCount: content.length,
          itemBuilder: (context, index) {
            return LocalChatItem(index: index);
          },
        ),
      ),
    ],
  ),
)

保留SizedBox的版本（仅保留宽度设置） #

如果需要强制ListView占满宽度，可保留SizedBox但移除无限高度设置：

Flexible(
  child: Column(
    children: [
      Expanded(
        child: SizedBox(
          width: double.infinity,
          // 移除height: double.infinity
          child: ListView.builder(
            scrollDirection: Axis.vertical,
            itemCount: content.length,
            itemBuilder: (context, index) {
              return LocalChatItem(index: index);
            },
          ),
        ),
      ),
    ],
  ),
)

额外提示：如果外层Column已经处于有确定高度的父容器中（比如Scaffold的body），可以直接去掉最外层的Flexible，进一步简化布局层级。

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