SwiftUI中嵌入自定义UIKit视图如何自动获取内在尺寸？

你的原有方案冗余的核心原因是：SwiftUI的UIViewRepresentable会自动读取UIKit视图的intrinsicContentSize来适配自身大小，不需要额外通过GeometryReader和Binding手动传递高度。

第一步：先修正UIKit侧LegalMentionView的布局配置 #

首先确保你的LegalMentionView本身的Auto Layout约束完整：

• 内部垂直StackView的四个边缘完全约束到LegalMentionView的四个边缘，无缺失
• 两个多行标签的numberOfLines设为0
• 重写LegalMentionView的layoutSubviews方法，自动更新多行标签的preferredMaxLayoutWidth（这是多行标签计算动态高度的核心）

UIKit侧示例代码：

class LegalMentionView: UIView {
    let stackView = UIStackView()
    let label1 = UILabel()
    let label2 = UILabel()
    let button = UIButton()
    var viewModel: LegalMentionViewModel? {
        didSet {
            // 赋值后触发重算布局
            invalidateIntrinsicContentSize()
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupViews()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupViews()
    }
    
    private func setupViews() {
        // 配置stackView、label、button的基础属性
        stackView.axis = .vertical
        stackView.spacing = 8
        label1.numberOfLines = 0
        label2.numberOfLines = 0
        
        // 添加约束：stackView完全铺满当前视图
        addSubview(stackView)
        stackView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            stackView.topAnchor.constraint(equalTo: topAnchor),
            stackView.leadingAnchor.constraint(equalTo: leadingAnchor),
            stackView.trailingAnchor.constraint(equalTo: trailingAnchor),
            stackView.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
        stackView.addArrangedSubview(label1)
        stackView.addArrangedSubview(label2)
        stackView.addArrangedSubview(button)
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 关键：更新多行标签的最大可用宽度，保证高度计算正确
        label1.preferredMaxLayoutWidth = bounds.width
        label2.preferredMaxLayoutWidth = bounds.width
        super.layoutSubviews()
    }
}

第二步：简化UIViewRepresentable包装层 #

不需要传宽度、不需要绑定高度，只需要传入ViewModel即可：

final class LegalMentionViewWrapped: UIViewRepresentable {
    private let viewModel: LegalMentionViewModel
    
    public init(viewModel: LegalMentionViewModel) {
        self.viewModel = viewModel
    }
    
    public func makeUIView(context: Context) -> LegalMentionView {
        let view = LegalMentionView(viewModel: viewModel)
        // 可选：添加垂直抗压缩优先级，避免被SwiftUI布局意外压缩
        view.setContentCompressionResistancePriority(.defaultHigh, for: .vertical)
        return view
    }
    
    public func updateUIView(_ legalMentionView: LegalMentionView, context: Context) {
        legalMentionView.viewModel = viewModel
        // 触发内容更新后的大小重算
        legalMentionView.invalidateIntrinsicContentSize()
    }
}

第三步：SwiftUI侧直接调用即可，完全不需要手动处理高度 #

/// body
VStack {
    // 其他视图
    LegalMentionViewWrapped(viewModel: legalMentionViewModel)
    // 其他视图
}

常见问题排查 #

如果还是出现高度不对的情况，检查两个点：

• 确认UIKit侧LegalMentionView的约束没有缺失，尤其是StackView的底部约束必须连接到视图底部
• 检查标签、按钮的内容优先级设置，避免低优先级内容被自动截断

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