SwiftUI嵌套UIView后修改frame无法保持问题咨询

问题背景 #

将自定义UIView通过UIViewRepresentable嵌套到SwiftUI View中后，修改UIView的frame会自动恢复为初始的(200,200)尺寸，尝试过KVO等方案均无效。相关实现代码如下：

Swift 实现代码 #

struct SomeUIViewRepresentable: UIViewRepresentable {
    let uiView: UIView
    @Binding var frame: CGRect

    func makeUIView(context: Self.Context) -> UIView {
        return uiView
    }

    func updateUIView(_ uiView: UIView, context: Self.Context) {
        print("updateUIView \(uiView.frame.size) frame \(frame.size)")
        if CGSizeEqualToSize(frame.size, CGSize(width: 256, height: 144)) {
            uiView.frame = frame
            uiView.layoutIfNeeded()
        }
    }
}

struct SwiftUIView: View {
    @StateObject var model : ViewModel = .init()
    let view: UIView

    var body: some View {
        SomeUIViewRepresentable(uiView: view, frame: $model.frame)
            .frame(width: model.frame.width, height: model.frame.height)
            .onChange(of: model.frame) { newFrame in
                print("SwiftUI frame updated to: \(newFrame.size)")
            }
    }
}

extension SwiftUIView {
    final class ViewModel: ObservableObject {
        @Published var frame: CGRect = CGRect(x: 0, y: 0, width: 200, height: 200)
    }
}

extension SwiftUIView.ViewModel: FrameChangeDelegate {
    func viewFrameChanged(view: UIView) {
        self.frame = view.frame
        print("viewFrameChanged \(view.frame.size) frame \(frame.size)")
    }
}

func createView() -> any View {
    let swiftUIView =  SwiftUIView(view: view)
    delegate.viewModel = swiftUIView.model
    return swiftUIView
}

OC 尺寸修改代码 #

- (void) updateSize:(CGSize)newSize {
    self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, newSize.width, newSize.height);
    [self setNeedsLayout];
    [self layoutIfNeeded];
}

日志输出 #

layoutSubviews: {256, 144}
viewFrameChanged (256.0, 144.0) frame (256.0, 144.0)
layoutSubviews: {200, 200}

核心疑问 #

1. 为何修改frame后总是恢复为原始尺寸(200,200)？onChange完全未触发。
2. 将UIView frame改为(256,144)后，layoutSubviews先以新尺寸调用，随后立即以原始尺寸再次调用，内容未变更却触发二次调用的原因是什么？

问题原因分析 #

1. 尺寸自动恢复的根源 #

• SwiftUI布局优先级高于UIKit：SwiftUI是声明式布局系统，你给SomeUIViewRepresentable设置的.frame(width: model.frame.width, height: model.frame.height)是SwiftUI层面的容器固定尺寸，UIView的frame实际由SwiftUI控制。直接在UIView内部修改frame，会被SwiftUI下一次布局周期强制覆盖。
• 状态更新未被SwiftUI感知：viewFrameChanged可能在非主线程执行，而ObservableObject的@Published属性必须在主线程更新才能触发SwiftUI视图刷新，导致model.frame的变更无法驱动SwiftUI重新布局。
• updateUIView逻辑限制：仅当frame.size等于(256,144)时才设置frame，其他场景下SwiftUI不会同步尺寸变更，进一步加剧了尺寸回退问题。

2. layoutSubviews二次调用的原因 #

第一次调用是你在updateSize中调用layoutIfNeeded触发的，此时UIView使用新尺寸布局；随后SwiftUI检测到视图层级状态变化（或因主线程更新延迟导致的布局补偿），强制将容器尺寸重置为初始的(200,200)，并修改UIView的frame，触发第二次layoutSubviews。

解决方案 #

1. 让SwiftUI主导尺寸控制 #

修改SomeUIViewRepresentable，禁用UIView的自动尺寸适配，通过AutoLayout让SwiftUI控制尺寸：

struct SomeUIViewRepresentable: UIViewRepresentable {
    let uiView: UIView
    @Binding var frame: CGRect

    func makeUIView(context: Context) -> UIView {
        uiView.translatesAutoresizingMaskIntoConstraints = false // 禁用自动 autoresizing mask
        return uiView
    }

    func updateUIView(_ uiView: UIView, context: Context) {
        print("updateUIView \(uiView.frame.size) frame \(frame.size)")
        // 通过约束同步SwiftUI的尺寸设置
        NSLayoutConstraint.activate([
            uiView.widthAnchor.constraint(equalToConstant: frame.width),
            uiView.heightAnchor.constraint(equalToConstant: frame.height)
        ])
    }
}

2. 确保主线程更新状态 #

在viewFrameChanged中强制主线程更新model.frame，保证SwiftUI能感知到状态变化：

extension SwiftUIView.ViewModel: FrameChangeDelegate {
    func viewFrameChanged(view: UIView) {
        DispatchQueue.main.async {
            self.frame = view.frame
            print("viewFrameChanged \(view.frame.size) frame \(self.frame.size)")
        }
    }
}

3. 移除UIView内部直接修改frame的逻辑 #

改为通过代理通知SwiftUI更新尺寸，让UIView通过AutoLayout自适应：

- (void) updateSize:(CGSize)newSize {
    if ([self.delegate respondsToSelector:@selector(viewFrameChanged:)]) {
        CGRect newFrame = CGRectMake(self.frame.origin.x, self.frame.origin.y, newSize.width, newSize.height);
        [self.delegate viewFrameChangedWithFrame:newFrame];
    }
    // 若需内部调整，使用约束而非直接修改frame
    self.widthConstraint.constant = newSize.width;
    self.heightConstraint.constant = newSize.height;
    [self setNeedsLayout];
    [self layoutIfNeeded];
}

关键总结 #

• SwiftUI的声明式布局优先级高于UIKit的frame修改，直接修改UIView frame会被覆盖。
• ObservableObject的状态更新必须在主线程执行，否则无法触发SwiftUI视图刷新。
• 使用UIViewRepresentable时，需禁用UIView的translatesAutoresizingMaskIntoConstraints，通过AutoLayout让SwiftUI控制尺寸。

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