两个UIStackviews扩展到全视图？

Question

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

的用户界面

每个ImageView和Team Label都在一个垂直堆栈视图中（因为有些团队没有徽标，我会隐藏imageViews并让团队名称集中在stackView中）

但是，当我尝试向我的堆栈视图添加前导和尾随约束（VS标签应该在父视图中居中）时，即使我将父视图约束到其超级视图，也会发生这种情况......：

我还降低了我的stackviews的内容拥抱优先级，但他们仍然拥抱他们的内容。我只能通过对我的前导或尾随使用＆gt; =约束来实现我想要的UI，如下所示：

但这不会让stackviews水平扩展到可用的宽度（因此团队名称可以适合）

有谁知道如何让我的堆栈视图可用？我的“VS”视图具有固定的宽度约束。谢谢！

Answer 1

将深灰色视图创建为UIStackView。内部堆栈放了三个UIView。将UIStackView设为＆＃34; fill : equally＆＃34;然后以UIView中的三个作为中心将每个项目居中。 +设置其他约束。你完成了。如果您想在此处进行UI指南评论。

Answer 2

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