SwiftUI中MagnificationGesture.onChanged触发时应用卡顿问题排查求助

从你的代码和测试结果来看，这明显是iOS15+版本中SwiftUI的MagnificationGesture和动态布局交互时的兼容性问题——你的scale状态变化会触发视图布局更新，而布局更新又反过来触发手势的onChanged回调，形成了无限循环，导致应用卡顿。

问题根源分析 #

你的代码里，scale变量会直接计算mapSize，而mapSize又决定了灰色背景的frame尺寸。这个带有动态尺寸的ZStack被包裹在GeometryReader内部，每当scale变化时，ZStack的整体尺寸会跟着改变，触发GeometryReader重新计算布局，进而导致整个View的body重新执行。在iOS15的手势识别系统中，这种频繁的布局变化会被误判为手势状态的更新，让onChanged被反复调用，形成循环。

解决方案 #

方案1：异步更新状态，打断同步循环

最简单的修复方式是把scale的更新逻辑放在DispatchQueue.main.async中，让状态更新推迟到当前布局周期结束后执行，避免同步触发布局循环：

.gesture(
    MagnificationGesture(minimumScaleDelta: 0.06)
        .onChanged { value in
            DispatchQueue.main.async {
                let delta = value / self.lastScale
                self.lastScale = value
                let newScale = self.scale * delta
                self.scale = min(3.0, max(newScale, 0.25))
                print(self.scale)
            }
        }
        .onEnded { _ in
            self.lastScale = 1.0
        }
)

方案2：分离布局与缩放逻辑，避免scale影响父视图尺寸

你可以让缩放只作用于需要放大的内容（红色视图），而父布局的尺寸保持固定，这样就不会触发GeometryReader的反复重计算。比如用scaleEffect单独缩放红色视图，而ZStack的frame依赖父视图的固定尺寸：

struct MapView: View {
    @State private var scale = CGFloat(1.0)
    @State private var lastScale: CGFloat = 1.0
    @State private var offset = CGPoint.zero // 如需平移可添加

    private let baseMapSize = CGSize(width: 1000, height: 1000)

    var body: some View {
        GeometryReader { gp in
            ZStack {
                Color.gray
                    .frame(width: gp.size.width, height: gp.size.height)
                Color.red
                    .frame(width: baseMapSize.width, height: baseMapSize.height)
                    .scaleEffect(scale)
                    .offset(offset)
                    .gesture(
                        MagnificationGesture(minimumScaleDelta: 0.06)
                            .onChanged { value in
                                let delta = value / self.lastScale
                                self.lastScale = value
                                let newScale = self.scale * delta
                                self.scale = min(3.0, max(newScale, 0.25))
                            }
                            .onEnded { _ in
                                self.lastScale = 1.0
                            }
                    )
                    // 如需平移，添加拖拽手势
                    .gesture(DragGesture()
                        .onChanged { value in
                            self.offset = value.translation
                        }
                    )
            }
        }
    }
}

方案3：切换到UIKit的UIScrollView（最稳定的方案）

如果SwiftUI的原生手势问题在iOS15上无法彻底解决，你可以用UIViewRepresentable封装UIKit的UIScrollView——它的缩放系统更成熟，不会出现这类循环问题：

struct MapViewUIKit: UIViewRepresentable {
    func makeUIView(context: Context) -> UIScrollView {
        let scrollView = UIScrollView()
        scrollView.delegate = context.coordinator
        scrollView.minimumZoomScale = 0.25
        scrollView.maximumZoomScale = 3.0
        scrollView.bouncesZoom = true

        let mapView = UIView()
        mapView.backgroundColor = .red
        mapView.frame = CGRect(x: 0, y: 0, width: 1000, height: 1000)
        scrollView.addSubview(mapView)
        scrollView.contentSize = mapView.frame.size

        return scrollView
    }

    func updateUIView(_ uiView: UIScrollView, context: Context) {}

    func makeCoordinator() -> Coordinator {
        Coordinator()
    }

    class Coordinator: NSObject, UIScrollViewDelegate {
        func viewForZooming(in scrollView: UIScrollView) -> UIView? {
            scrollView.subviews.first
        }
    }
}

使用时直接在SwiftUI视图中调用：

MapViewUIKit()
    .frame(minWidth: 200, minHeight: 200)

总结 #

优先尝试方案1和方案2，它们更符合SwiftUI的原生开发模式；如果还是有问题，方案3的UIKit封装是最稳定的兜底方案。这个问题只在iOS15+出现，是SwiftUI手势系统在该版本的兼容性bug，后续版本可能会修复，但目前需要用这些方式规避。

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