Flutter问题：Row组件子项无法正确对齐

你同时使用了MainAxisAlignment.spaceEvenly和Spacer，这两者都会参与Row的剩余空间分配，导致Card的布局约束冲突，进而引发布局异常。spaceEvenly会将Row的可用空间均匀分配给所有子组件的间隙及两侧，而Spacer会抢占尽可能多的剩余空间，两者叠加直接打乱了Card的预期布局。

要实现两个Card均匀分布、IconButton固定在右侧的效果，用Expanded包裹两个Card，让它们平分Row中除IconButton外的剩余空间即可，代码示例如下：

Row(
  children: [
    // 第一个Card用Expanded包裹，占据一半可用空间
    Expanded(
      child: Card(
        // 你的Card内容
      ),
    ),
    SizedBox(width: 16), // 可选：给两个Card之间添加固定间距
    // 第二个Card同样用Expanded包裹
    Expanded(
      child: Card(
        // 你的Card内容
      ),
    ),
    // IconButton固定在Row右侧，不参与空间分配
    IconButton(
      icon: Icon(Icons.close),
      onPressed: () {
        Navigator.of(context).pop();
      },
    ),
  ],
)

补充说明 #

• Expanded默认flex值为1，两个Expanded会平分Row的可用空间，完美实现Card均匀分布的效果；若需要调整Card的占比，可给Expanded设置不同的flex参数。
• SizedBox(width: 16)用于给两个Card添加固定间距，避免紧贴，你可以根据需求调整间距数值。

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