两个扩展到整个视图宽度的 UIStackviews?

Two UIStackviews that expand to full width of view?

我正在尝试创建一个看起来像

的 UI

每个 ImageView 和团队标签都在垂直堆栈视图中(因为有些团队没有徽标,我将隐藏图像视图并让团队名称在堆栈视图中居中)

但是,当我尝试向我的堆栈视图添加前导和尾随约束时(VS 标签应在父视图中居中),即使我已将父视图约束到其父视图...:

我还降低了堆栈视图的内容拥抱优先级,但它们仍然拥抱自己的内容。我只能通过对前导或尾随使用 >= 约束来实现我想要的 UI,如下所示:

但这不会让堆栈视图水平扩展到可用宽度(因此团队名称可以适应)

有谁知道如何使我的堆栈视图可用?我的 "VS" 视图具有固定宽度限制。谢谢!

创建深灰色视图 UIStackView。在栈里面放三个 UIView。将 UIStackView 设为“fill : equally”,然后将三个 UIView 中的每个项目居中作为中心。 + 设置额外的约束。你完成了。如果你想要UI指导评论在这里。

原来这是 Xcode 中的视觉错误(将视图压缩到其内容大小),当 运行 我的第二个屏幕截图在实际设备上的布局时,布局按预期工作。