iOS AccountKit自定义UI问题：AdvancedUIManager返回UIView不显示

我之前帮开发者排查过类似的AccountKit自定义UI问题，你遇到的情况其实是AutoLayout和视图尺寸计算导致的——纯UIView本身没有默认的intrinsicContentSize，而AccountKit内部是用AutoLayout来管理自定义视图布局的，没有明确尺寸约束的纯UIView会被压缩成0x0的尺寸，自然看不到；而UILabel、UIButton这类控件自带intrinsicContentSize，布局系统能自动计算它们的尺寸，所以能正常显示。

下面给你几个可行的解决方案，覆盖不同场景：

方案1：子类化UIView，重写intrinsicContentSize #

如果你的自定义视图有固定尺寸，直接子类化UIView并返回固定的intrinsicContentSize，这样布局系统就能正确识别它的大小：

class CustomFixedSizeView: UIView {
    // 根据你的需求设置固定尺寸
    override var intrinsicContentSize: CGSize {
        return CGSize(width: UIScreen.main.bounds.width, height: 300)
    }
}

// 使用示例
func bodyView(for state: LoginFlowState) -> UIView? { 
    let view = CustomFixedSizeView() 
    view.backgroundColor = .green 
    return view 
}

如果你的视图尺寸需要根据内部子视图动态调整，也可以在intrinsicContentSize里动态计算（比如遍历子视图的frame来计算整体尺寸）。

方案2：给UIView添加明确的AutoLayout约束 #

不想子类化的话，直接给返回的UIView添加尺寸约束，记得关闭translatesAutoresizingMaskIntoConstraints（避免系统自动生成的约束和你手动加的冲突）：

func bodyView(for state: LoginFlowState) -> UIView? { 
    let view = UIView() 
    view.backgroundColor = .green 
    // 关闭自动约束转换
    view.translatesAutoresizingMaskIntoConstraints = false
    // 添加明确的尺寸约束
    NSLayoutConstraint.activate([
        view.widthAnchor.constraint(equalToConstant: UIScreen.main.bounds.width),
        view.heightAnchor.constraint(equalToConstant: 300)
    ])
    return view 
}

方案3：把UIView作为容器，结合内部子视图的约束 #

实际开发中你肯定要在自定义视图里添加内容，这时候可以把UIView作为容器，让它的尺寸由内部子视图的约束撑开，这样更灵活：

func bodyView(for state: LoginFlowState) -> UIView? { 
    let containerView = UIView()
    containerView.translatesAutoresizingMaskIntoConstraints = false
    containerView.backgroundColor = .green

    // 添加内部子视图（比如一个标签）
    let titleLabel = UILabel()
    titleLabel.text = "自定义Body视图"
    titleLabel.font = UIFont.systemFont(ofSize: 18, weight: .bold)
    titleLabel.translatesAutoresizingMaskIntoConstraints = false
    containerView.addSubview(titleLabel)

    // 设置子视图和容器的约束，同时让容器的高度由子视图撑开
    NSLayoutConstraint.activate([
        titleLabel.centerXAnchor.constraint(equalTo: containerView.centerXAnchor),
        titleLabel.centerYAnchor.constraint(equalTo: containerView.centerYAnchor),
        // 给容器添加上下左右的内边距，确保内容不被裁剪
        titleLabel.topAnchor.constraint(greaterThanOrEqualTo: containerView.topAnchor, constant: 20),
        titleLabel.bottomAnchor.constraint(lessThanOrEqualTo: containerView.bottomAnchor, constant: -20),
        titleLabel.leadingAnchor.constraint(greaterThanOrEqualTo: containerView.leadingAnchor, constant: 20),
        titleLabel.trailingAnchor.constraint(lessThanOrEqualTo: containerView.trailingAnchor, constant: -20)
    ])

    return containerView
}

关键注意点 #

• 不要依赖frame设置尺寸：AccountKit内部的布局系统是基于AutoLayout的，手动设置的frame会被AutoLayout的约束覆盖，所以没用。
• 确保自定义视图有明确的尺寸来源：要么通过intrinsicContentSize，要么通过AutoLayout约束，布局系统才能知道怎么摆放它。

以上方案同样适用于headerView(for:)和footerView(for:)方法，只要保证返回的视图有明确的尺寸即可。

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