Flutter Column含多个Expanded抛出ParentDataWidget使用错误

这个断言的核心规则是：Expanded是Column、Row这类Flex布局专属的ParentDataWidget，必须直接作为Flex组件的直系子组件使用，且同一个RenderObject对象只能接收一个ParentDataWidget写入的父布局数据。

你贴的代码触发该异常，绝大多数情况是以下原因：

• 你的AssetsMap或AssetList组件的build方法返回的根节点，本身就已经被Expanded包裹了。相当于你给同一个渲染对象套了两层Expanded，两个Expanded都会尝试向内层的RenderObject写入flex、fit等父布局参数，直接触发断言。
  举个典型的错误实现：

  class AssetsMap extends StatelessWidget {
    const AssetsMap({super.key});
  
    @override
    Widget build(BuildContext context) {
      // 错误：自定义组件内部提前包了Expanded
      return const Expanded(
        child: SizedBox() // 此处为你实际使用的地图组件
      );
    }
  }
  

  这种情况下你在Column里再写Expanded(child: AssetsMap())，就会出现两层Expanded嵌套指向同一个渲染对象的问题。
• 剩余常见场景是你实际运行的代码和贴出来的简化代码有出入：Column和两个Expanded之间隔了其他组件（比如Padding、Builder、Container等），导致Expanded没有直接挂载在Flex的子节点链路上，父数据匹配逻辑出错触发异常。

1. 检查AssetsMap、AssetList的内部实现，删掉组件根节点位置的Expanded包裹。Expanded只需要在Flex布局的直接子位置写一次即可，不需要在嵌套的子组件里重复包裹。
2. 确认Column的children数组中，Expanded是直接的数组元素，没有被其他组件包裹。如果需要给Expanded对应的区域加内边距、装饰等效果，要把这些效果组件放在Expanded的child属性内部，不要套在Expanded外层。
   错误写法示例：

Column(
  children: [
    // 错误：Expanded被Padding包裹，不是Column的直接子
    Padding(
      padding: const EdgeInsets.all(8),
      child: Expanded(child: AssetsMap()),
    ),
    Expanded(child: AssetList()),
  ],
)

正确写法示例：

Column(
  children: [
    Expanded(
      // 样式组件放在Expanded的child里
      child: Padding(
        padding: const EdgeInsets.all(8),
        child: AssetsMap(),
      ),
    ),
    Expanded(child: AssetList()),
  ],
)

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