使用SnapKit设置约束时如何适配导航栏高度？

问题根源 #

你的约束将子视图的顶部锚点绑定到了控制器view的绝对顶部（对应屏幕物理顶部），导航栏显示时会占据屏幕顶部空间，直接覆盖从绝对顶部开始布局的子视图，和高度约束的计算逻辑无关。
之前修改layoutMarginsGuide无效是因为仅调整了高度的参考锚点，未修改错误的顶部约束，自然不会生效。

可行解决方案 #

方案1：子视图高度为安全区可用高度的25%（推荐）

如果你的需求是子视图高度占「导航栏/底部安全区之外的可用空间」的四分之一，直接将顶部约束改为绑定安全区顶部即可，适配所有带导航栏、Tabbar、刘海屏的场景：

// 顶部对齐安全区顶部，自动避开导航栏
make.top.equalTo(view.safeAreaLayoutGuide.snp.top)
make.left.right.equalTo(view)
// 高度仍为安全区总高度的25%
make.height.equalTo(view.safeAreaLayoutGuide.snp.height).multipliedBy(0.25)

方案2：子视图高度为整个屏幕高度的25%

如果你的需求是子视图高度固定为整屏高度的四分之一，仅需要顶部避开导航栏，修改如下：

make.top.equalTo(view.safeAreaLayoutGuide.snp.top)
make.left.right.equalTo(view)
// 高度参考整屏高度计算
make.height.equalTo(view.snp.height).multipliedBy(0.25)

补充说明 #

不需要手动计算导航栏、状态栏、底部Home条的高度，safeAreaLayoutGuide会自动根据当前页面的导航栏、Tabbar显隐状态调整自身的锚点位置，适配所有系统版本和设备形态。

内容的提问来源于stack exchange，提问作者Junsu Kim