iOS17中SwiftUI Map双触击触发toggle操作失效问题求助

iOS17中，SwiftUI的Map组件默认会拦截双触击手势用于地图缩放，导致自定义的双触击操作无法触发。以下是三种可行的解决办法：

方法一：禁用Map的缩放交互（最简单，适用于不需要缩放的场景） #

如果业务不需要地图的双触击缩放功能，直接禁用Map的缩放交互模式，自定义双触击手势就能正常触发：

struct ContentView: View {
    @State private var cameraPosition: MapCameraPosition = .camera(
        MapCamera(centerCoordinate: CLLocationCoordinate2D(latitude: 40.77, longitude: -74.0), distance: 100000.0, heading: 0, pitch: 0))
    
    @State var showThis = false
    
    var body: some View {
        ZStack(alignment: .topLeading) {
            Map(position: $cameraPosition)
                .interactionModes([.pan, .rotate, .pitch]) // 排除缩放交互
                .onTapGesture(count: 2) {
                    showThis.toggle()
                    print("双触击触发")
                }
            
            if showThis {
                Text("showThis").font(.largeTitle)
            }
        }
    }
}

方法二：使用高优先级同时手势（保留Map原有交互） #

如果需要保留Map的缩放等原生交互，可以通过simultaneousGesture结合highPriorityGesture让自定义双触击手势优先被识别：

struct ContentView: View {
    @State private var cameraPosition: MapCameraPosition = .camera(
        MapCamera(centerCoordinate: CLLocationCoordinate2D(latitude: 40.77, longitude: -74.0), distance: 100000.0, heading: 0, pitch: 0))
    
    @State var showThis = false
    
    var body: some View {
        ZStack(alignment: .topLeading) {
            Map(position: $cameraPosition)
                .simultaneousGesture(
                    TapGesture(count: 2)
                        .onEnded {
                            showThis.toggle()
                            print("双触击触发")
                        }
                        .highPriorityGesture(TapGesture(count: 2))
                )
            
            if showThis {
                Text("showThis").font(.largeTitle)
            }
        }
    }
}

方法三：通过UIViewRepresentable包装MKMapView（最可靠，精细控制） #

如果SwiftUI手势系统仍存在冲突问题，直接使用UIKit的MKMapView手动管理手势，完全避免系统手势拦截：

import SwiftUI
import MapKit
import CoreLocation

struct MapViewWithDoubleTap: UIViewRepresentable {
    @Binding var cameraPosition: MapCameraPosition
    @Binding var showThis: Bool
    
    func makeUIView(context: Context) -> MKMapView {
        let mapView = MKMapView()
        // 初始化相机位置
        if case .camera(let camera) = cameraPosition {
            mapView.setCamera(camera, animated: false)
        }
        
        // 添加双触击手势
        let doubleTap = UITapGestureRecognizer(target: context.coordinator, action: #selector(Coordinator.handleDoubleTap))
        doubleTap.numberOfTapsRequired = 2
        mapView.addGestureRecognizer(doubleTap)
        
        // 同步相机位置到SwiftUI状态
        mapView.delegate = context.coordinator
        return mapView
    }
    
    func updateUIView(_ uiView: MKMapView, context: Context) {
        if case .camera(let camera) = cameraPosition {
            uiView.setCamera(camera, animated: true)
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, MKMapViewDelegate {
        var parent: MapViewWithDoubleTap
        
        init(_ parent: MapViewWithDoubleTap) {
            self.parent = parent
        }
        
        @objc func handleDoubleTap() {
            parent.showThis.toggle()
            print("双触击触发")
        }
        
        // 同步地图相机位置到SwiftUI状态
        func mapView(_ mapView: MKMapView, regionDidChangeAnimated animated: Bool) {
            let camera = mapView.camera
            parent.cameraPosition = .camera(camera)
        }
    }
}

// 使用包装后的地图组件
struct ContentView: View {
    @State private var cameraPosition: MapCameraPosition = .camera(
        MapCamera(centerCoordinate: CLLocationCoordinate2D(latitude: 40.77, longitude: -74.0), distance: 100000.0, heading: 0, pitch: 0))
    
    @State var showThis = false
    
    var body: some View {
        ZStack(alignment: .topLeading) {
            MapViewWithDoubleTap(cameraPosition: $cameraPosition, showThis: $showThis)
            
            if showThis {
                Text("showThis").font(.largeTitle)
            }
        }
    }
}

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