问如何在iPhone X中将底部视图颜色扩展到主页指示器下方？

EN

Krunal的答案在大多数情况下都有效。但是，如果您没有设置顶部约束，则白色视图将位于home指示符线下。

​

​

在我的设计中，白色视图只有前导、拖尾、底部和高度约束。我不得不添加另一个视图作为白色视图的子视图(从现在开始，这个视图将充当白色视图)，启用外部白色视图的安全区域布局指南，并设置对边距/安全区域的约束，以便让这个东西在包括X在内的所有设备上工作。

注意:高度约束应该设置为内部视图/按钮(在我的例子中)，而不是外部视图。Autolayout会在iphone X设备上为你做好这项工作。

​

​

这是它在iphone X和其他手机上的样子。iPhone SE：

​

​

iPhone X：

​

​

希望这能对某些人有所帮助。:)

你需要设置/附加你的白色视图与超级视图的底部约束。

请按照以下步骤进行操作，并查看：

• 检查视图的底/底对齐约束。它可以附加有安全区域的底部锚/约束。

​

​

• (编辑)双击底部约束，将显示以下选项。
• 现在将选定内容(刻度线)从安全区域更改为超级视图。

​

​

如果不是，

• 将常量设置为0。

​

​

• Here是您可能需要的结果。

​

​

在我的例子中，我希望底部的视图高度为49。因此，将顶部设置为底部布局向导上方的49。

​

​

然后将视图bottom设置为superview bottom。

​

​

现在，在iPhone X上，视图延伸到手机底部，在安全区域上方的高度仍为49，而在其他设备上，视图的高度为49。