如何让SwiftUI包装器在全iOS版本中适配UIView尺寸？

针对iOS 16以下没有UIViewRepresentable.sizeThatFits(_:)方法的问题，我们可以通过容器视图+动态尺寸计算的方式模拟iOS 16+的尺寸适配逻辑，让封装的UIView严格遵循自身的尺寸约束和Auto Layout规则。

核心实现代码 #

import SwiftUI
import UIKit

struct UIViewWrapper<View: UIView>: UIViewRepresentable {
    let makeView: () -> View
    let updateView: (View) -> Void
    
    func makeUIView(context: Context) -> UIView {
        let container = UIView()
        let targetView = makeView()
        
        // 禁用自动转换约束，启用Auto Layout
        targetView.translatesAutoresizingMaskIntoConstraints = false
        container.addSubview(targetView)
        
        // 绑定目标视图与容器的约束，作为基础布局
        NSLayoutConstraint.activate([
            targetView.leadingAnchor.constraint(equalTo: container.leadingAnchor),
            targetView.trailingAnchor.constraint(equalTo: container.trailingAnchor),
            targetView.topAnchor.constraint(equalTo: container.topAnchor),
            targetView.bottomAnchor.constraint(equalTo: container.bottomAnchor)
        ])
        
        // 标记目标视图，方便后续更新时获取
        targetView.tag = 999
        return container
    }
    
    func updateUIView(_ container: UIView, context: Context) {
        guard let targetView = container.viewWithTag(999) as? View else { return }
        updateView(targetView)
        
        // 仅首次设置布局回调，避免重复绑定
        guard container.layoutSubviewsBlock == nil else { return }
        
        container.layoutSubviewsBlock = { [weak targetView] in
            guard let targetView = targetView else { return }
            
            let intrinsicSize = targetView.intrinsicContentSize
            // 获取SwiftUI提供的可用布局空间
            let availableSize = container.bounds.size
            
            // 构建目标尺寸：可用空间为0时使用固有尺寸
            let targetSize = CGSize(
                width: availableSize.width == 0 ? intrinsicSize.width : availableSize.width,
                height: availableSize.height == 0 ? intrinsicSize.height : availableSize.height
            )
            
            // 过滤无效的固有尺寸标记
            guard targetSize.width != UIView.noIntrinsicMetric, 
                  targetSize.height != UIView.noIntrinsicMetric else {
                return
            }
            
            // 设置优先级：未指定方向的尺寸使用低优先级，允许压缩/拉伸
            let horizontalPriority: UILayoutPriority = availableSize.width == 0 ? .defaultLow : .defaultHigh
            let verticalPriority: UILayoutPriority = availableSize.height == 0 ? .defaultLow : .defaultHigh
            
            // 计算符合优先级的适配尺寸
            let fittingSize = targetView.systemLayoutSizeFitting(
                targetSize,
                withHorizontalFittingPriority: horizontalPriority,
                verticalFittingPriority: verticalPriority
            )
            
            // 更新容器的固有尺寸，让SwiftUI以此为布局依据
            container.intrinsicContentSize = fittingSize
            container.setNeedsLayout()
        }
    }
    
    // iOS 16+ 直接使用系统提供的sizeThatFits方法
    @available(iOS 16.0, *)
    func sizeThatFits(_ proposal: ProposedViewSize) -> CGSize? {
        let targetView = makeView()
        updateView(targetView)
        
        let width = proposal.width ?? targetView.intrinsicContentSize.width
        let height = proposal.height ?? targetView.intrinsicContentSize.height
        let targetSize = CGSize(width: width, height: height)
        
        guard targetSize.width != UIView.noIntrinsicMetric, 
              targetSize.height != UIView.noIntrinsicMetric else {
            return nil
        }
        
        let horizontalPriority: UILayoutPriority = proposal.width == nil ? .defaultLow : .defaultHigh
        let verticalPriority: UILayoutPriority = proposal.height == nil ? .defaultLow : .defaultHigh
        
        return targetView.systemLayoutSizeFitting(
            targetSize,
            withHorizontalFittingPriority: horizontalPriority,
            verticalFittingPriority: verticalPriority
        )
    }
}

// 扩展UIView，通过关联对象添加布局回调
private extension UIView {
    static var layoutSubviewsBlockKey = "layoutSubviewsBlockKey"
    
    var layoutSubviewsBlock: (() -> Void)? {
        get {
            objc_getAssociatedObject(self, &Self.layoutSubviewsBlockKey) as? (() -> Void)
        }
        set {
            objc_setAssociatedObject(self, &Self.layoutSubviewsBlockKey, newValue, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        }
    }
    
    override open func layoutSubviews() {
        super.layoutSubviews()
        layoutSubviewsBlock?()
    }
}

关键逻辑说明 #

1. 容器视图封装：

   • 用一个UIView作为容器包裹目标UIView，避免直接修改目标视图的布局逻辑。
   • 通过Auto Layout绑定容器与目标视图的边缘约束，确保目标视图能随容器尺寸变化。

2. 动态尺寸计算：

   • 在容器的layoutSubviews回调中，获取SwiftUI提供的可用空间，结合目标视图的固有尺寸构建计算基准。
   • 调用systemLayoutSizeFitting(_:withHorizontalFittingPriority:verticalFittingPriority:)计算符合优先级的适配尺寸，完全对齐iOS 16+的sizeThatFits逻辑。

3. 固有尺寸传递：

   • 将计算得到的适配尺寸设置为容器的intrinsicContentSize，让SwiftUI以此为依据进行布局，实现和原生sizeThatFits一致的效果。

4. iOS 16+ 兼容：

   • 直接使用系统提供的sizeThatFits(_:)方法，保证新版本系统下的最优性能和兼容性。

使用示例 #

// 封装UILabel
struct WrappedLabel: View {
    let text: String
    
    var body: some View {
        UIViewWrapper(
            makeView: {
                let label = UILabel()
                label.numberOfLines = 0
                return label
            },
            updateView: { label in
                label.text = text
            }
        )
    }
}

// 在SwiftUI中使用
struct ContentView: View {
    var body: some View {
        WrappedLabel(text: "这是一段需要自动换行的长文本，测试UIViewRepresentable的尺寸适配效果。")
            .padding()
            .background(Color.yellow)
    }
}

注意事项 #

• 确保目标UIView启用了Auto Layout（translatesAutoresizingMaskIntoConstraints = false），否则尺寸计算会失效。
• 如果目标视图有动态内容更新（比如文本变化、图片加载完成），updateUIView会触发重新计算尺寸，无需额外处理。
• 可根据业务需求调整优先级参数（比如将.defaultLow改为.fittingSizeLevel），实现更精准的布局控制。

内容的提问来源于stack exchange，提问作者Данил Войдилов