swift - 如何在 ScrollView 中为垂直堆栈 View 设置自动布局约束

Question

我有以下设置，但无法正确使用自动布局:

Scroll View, which should take the whole screen
 |_ Stack View, which should take the whole size of the Scroll View
     |_ View 1 with a predefined height of 200
     |_ View 2 with a flexible height defined by content, but minimum 300
     |_ View 3 with a predefined  height of 500

我尝试了以下方法:

1. ScrollView
   • 设置父 View 的顶部、底部、前导和尾部对齐方式
2. 堆栈 View
   • 设置父 View 的顶部、底部、前导和尾部对齐方式( ScrollView )
   • 为父 View 设置等宽( ScrollView )
   • 为优先级为 250 的 super View ( ScrollView )设置等高
3. 堆栈 View 中的 3 个 View
   • 为 View1 定义 height = 200，为 View3 定义 height = 500
   • 为 View2 定义高度 >= 300

然后我得到:

• IB 中的一个错误:View2 的不等式约束歧义
• 如果我启动并滚动，我会在顶部和底部获得额外的间距(请参阅模拟器屏幕截图中顶部和底部的红色区域)

请看截图:

Answer 1

将顶部、底部、前导和尾部对齐更改为SafeArea

因为内容 View 总是在安全区域内。