StackView在Xcode预览和模拟器之间有所不同

Question

我正在试图弄清楚如何开始使用堆栈视图并遇到Xcode预览中一切看起来都很棒的问题，但是当我在模拟器或设备上运行它时它看起来完全不同。

这是我的Xcode故事板：

以下是它在模拟器中的外观：

我认为这是我的约束问题，但我不知道从哪里开始。

编辑：我已经解决了初始约束问题，但似乎仍然无法正常工作。日期没有自己的约束，只有堆栈视图：

编辑：PGDev解决方案和模拟器结果

Answer 1

我创建了与你的相同的层次结构，它给了我预期的结果。

您可以在下面找到故事板的附加屏幕截图以及输出。

<强>故事板：

<强> 1。查看层次结构

<强> 2。外部StackView属性

第3。内部StackView属性

<强>输出：

如果您仍然遇到任何与此相关的问题，请与我们联系。

Answer 2

初看起来似乎没有正确设置约束。

此外，看起来自动布局限制有一些错误，这就是为什么有一个＆＃34;红色箭头＆＃34;更新场景旁边。首先解决问题，希望您能获得所需的结果。

Answer 3

要解决使用storyboard和UIStackview的视图问题，需要解决两件事

1）您应该提供最少数量的约束以在故事板上进行正确的查看

2）您应该在视图中解决冲突的约束（在您的情况下，我看到红色按钮，显示存在冲突的约束）

2A）您还应该解决内容优先级和含糊不清的内在内容问题here