如何使用 Stack View 将容器中的按钮居中?

How to use Stack View to center a button in a container?

我是 Stack Views 的新手,请多多包涵。我有一个外部堆栈视图,其中包含图像中显示的所有元素:

我的问题是 "Skip" 按钮现在位于其容器之外。我试图为 "Center Horizontally" 和 "Center Vertically" 设置约束,但这导致我的图像看起来像这样:

正如我们所见,我的按钮和我的容器都不再出现在场景中。我在这里做错了什么?

以下是我对容器的限制:

以下是我对 "Skip" 按钮的限制:

堆栈视图本质上是根据堆叠对象的原理工作的,这显然会消除先前的约束。先前的答案是正确的,但没有考虑问题所问的堆栈视图。

最简单的修复方法是 "group" 您的按钮和图像,方法是将它们放在视图中,然后将视图添加到堆栈视图中。

我找到了一个解决方案,首先将所有其他元素放在 Stack View 中,然后将按钮及其容器放在一个 View 中,然后将 View 拖放到 Stack View 中。