使用SnapKit设置约束后子视图为何无法适配父视图？

问题原因 #

• 约束添加时机错误：你将scrollView、containerView等视图的约束添加逻辑放在了viewWillLayoutSubviews中，该方法会在界面布局变化时多次触发，重复调用snp.makeConstraints会生成大量重复约束，引发约束冲突，导致布局失效。
• UIScrollView内容视图约束不完整：containerView作为scrollView的内容视图，没有绑定正确的滚动布局参照，且缺少完整的竖向约束链，无法确定自身高度，导致内部子视图布局异常。
• 内部子视图约束链不闭合：addButton仅设置了顶部、左右、高度约束，没有添加和containerView底部的关联约束，无法撑开containerView的高度，最终containerView尺寸异常。

修复方案 #

1. 将所有约束添加逻辑从viewWillLayoutSubviews迁移到viewDidLoad中，保证约束仅添加一次。
2. 使用UIScrollView的contentLayoutGuide和frameLayoutGuide明确containerView的布局参照，适配滚动逻辑。
3. 补全boxView的约束，同时给addButton添加底部约束，闭合containerView的竖向约束链。

修复后代码示例 #

private lazy var scrollView = UIScrollView()
private lazy var containerView = UIView()
// etc
 
// viewDidLoad 中统一完成视图添加和约束配置
scrollView.addSubview(containerView)
containerView.addSubviews([boxView, addButton])
boxView.addSubviews([titleLabelView, vStackView])
view.addSubview(scrollView)

// 约束仅添加一次，不要放在viewWillLayoutSubviews中
scrollView.snp.makeConstraints {
    $0.edges.equalToSuperview()
}
containerView.snp.makeConstraints {
    $0.edges.equalTo(scrollView.contentLayoutGuide)
    $0.width.equalTo(scrollView.frameLayoutGuide)
}
// 补全boxView的约束，可根据实际业务调整间距
boxView.snp.makeConstraints {
    $0.top.leading.trailing.equalToSuperview().inset(16)
    // 若boxView内部约束可自行撑开高度，无需额外设置height，否则按需添加高度约束
}
addButton.snp.makeConstraints {
    $0.height.equalTo(65)
    $0.top.equalTo(boxView.snp.bottom).offset(24)
    $0.leading.trailing.equalToSuperview().inset(40)
    $0.bottom.equalToSuperview().offset(-24)
}

注意事项 #

• 若修复后仍有布局异常，可通过Xcode的Debug View Hierarchy功能查看约束冲突日志，定位具体冲突项。
• 如果确实需要在布局变化时更新约束，需使用snp.updateConstraints修改已有约束，或先调用snp.removeConstraints清除旧约束再添加新约束，避免重复添加约束引发冲突。

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