在UIKit中集成可展开SwiftUI视图时出现垂直居中异常

我帮你找到了问题的核心，咱们一步步来修复：

问题根源 #

你的SwiftUI视图里的**Spacer()**是导致高度异常的关键——它会强制整个ColorView试图占满父容器的垂直空间，让UIHostingController无法正确计算视图的真实内容高度，最终出现居中或者约束冲突的情况。

解决方案1：修改SwiftUI视图，让内容自适应高度 #

把ColorView里最外层VStack末尾的Spacer()删掉，让视图高度完全由内部的可展开内容决定：

import SwiftUI
struct ColorView: View {
    @State var isCollapsed = true
    var body: some View {
        VStack {
            VStack(spacing: 5) {
                HStack {
                    Spacer()
                    Text("Title")
                    Spacer()
                }
                .frame(height: 100)
                if !isCollapsed {
                    HStack {
                        Spacer()
                        Text("description")
                        Spacer()
                    }
                    .padding(40)
                }
            }
            .background(Color(isCollapsed ? UIColor.red : UIColor.blue))
            .onTapGesture {
                withAnimation {
                    self.isCollapsed.toggle()
                }
            }
            // 移除这个Spacer，它会强制视图拉伸到父容器高度
        }
    }
}

解决方案2：UIKit中正确配置UIHostingController约束 #

你当前的UIKit约束已经做对了一半（绑定leading、trailing、top），不需要添加底部约束——因为修改后的SwiftUI视图会自动提供正确的intrinsicContentSize，UIHostingController会根据这个尺寸自动调整自身高度，不会遮挡下方的交互内容。

如果想要更稳妥，可以明确告诉UIHostingController不要拉伸视图：

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        let colorView = ColorView()
        let colorController = UIHostingController(rootView: colorView)
        addChild(colorController)
        view.addSubview(colorController.view)
        colorController.didMove(toParent: self)
        
        colorController.view.translatesAutoresizingMaskIntoConstraints = false
        // 保持现有约束
        NSLayoutConstraint.activate([
            colorController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            colorController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            colorController.view.topAnchor.constraint(equalTo: view.topAnchor)
        ])
        // 可选：确保视图不被强制拉伸
        colorController.view.setContentHuggingPriority(.required, for: .vertical)
        colorController.view.setContentCompressionResistancePriority(.required, for: .vertical)
    }
}

为什么这样有效？ #

• 移除Spacer()后，SwiftUI视图的高度完全由内部的标题栏（固定100高度）和可选的描述栏（带padding的高度）决定，没有多余的拉伸空间。
• UIHostingController会监听SwiftUI视图的intrinsicContentSize变化，当你点击展开/收起时，SwiftUI的动画会更新这个尺寸，UIKit会自动响应并调整UIHostingController的高度，不会影响下方内容的交互。

现在你再测试一下，不管是SwiftUI预览还是UIKit集成，视图都会正确自适应高度，点击展开收起也会有流畅的动画，下方的内容也能正常交互了。

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