如何在MapKit中点击Annotation触发SwiftUI的NavigationLink？

我懂你的困扰——现在能捕捉到Annotation的点击事件、更新状态标记，但就是没法触发SwiftUI的导航跳转对吧？核心问题在于UIKit的MapKit回调和SwiftUI的导航系统需要一点状态桥接，给你两个实用的解决方案：

方案一：用Binding控制NavigationLink激活状态（兼容iOS13+） #

这种方式适合用NavigationView或者NavigationStack（iOS16+）的场景，通过绑定的布尔值来触发跳转：

1. 调整父SwiftUI视图的状态与导航结构 #

struct ParentView: View {
    @State private var selectedAssistanceId = ""
    @State private var shouldNavigate = false // 控制导航激活的状态
    
    var body: some View {
        NavigationStack { // iOS16+用这个，iOS13-15用NavigationView
            // 把状态绑定传给MapView
            YourMapView(selectedAssistanceId: $selectedAssistanceId, shouldNavigate: $shouldNavigate)
                // 绑定导航触发条件和目标视图
                .navigationDestination(isPresented: $shouldNavigate) {
                    DetailView(assistanceId: selectedAssistanceId)
                }
        }
    }
}

2. 修改MapView的UIViewRepresentable实现 #

把父视图的绑定状态传入Coordinator，点击Annotation时更新状态触发导航：

struct YourMapView: UIViewRepresentable {
    @Binding var selectedAssistanceId: String
    @Binding var shouldNavigate: Bool
    // 把你的assistances数组也传进来，避免直接访问父视图
    let assistances: [YourAssistanceModel]

    func makeUIView(context: Context) -> MKMapView {
        let mapView = MKMapView()
        mapView.delegate = context.coordinator
        // 这里添加你的Annotations逻辑
        return mapView
    }

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

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

    class Coordinator: NSObject, MKMapViewDelegate {
        var parent: YourMapView

        init(_ parent: YourMapView) {
            self.parent = parent
        }

        func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
            guard !(annotation is MKUserLocation) else { return nil }
            let identifier = "Annotation"
            var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: identifier)
            if annotationView == nil {
                annotationView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: identifier)
                annotationView?.canShowCallout = true
                annotationView?.rightCalloutAccessoryView = UIButton(type: .detailDisclosure)
            } else {
                annotationView?.annotation = annotation
            }
            return annotationView
        }

        func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
            guard let annotation = view.annotation else { return }
            // 通过坐标匹配对应的assistance
            let selectedAssistance = parent.assistances.first {
                $0.location.location?.coordinate == annotation.coordinate
            }
            
            guard let assistance = selectedAssistance else { return }
            // 更新选中ID，激活导航
            parent.selectedAssistanceId = assistance.serverId
            parent.shouldNavigate = true
        }
    }
}

方案二：用NavigationStack的Path管理导航（iOS16+推荐） #

如果你的项目已经适配iOS16+，用NavigationPath会更灵活，支持多页面跳转和路径管理：

1. 父视图调整 #

struct ParentView: View {
    @State private var navigationPath = NavigationPath()
    let assistances: [YourAssistanceModel]

    var body: some View {
        NavigationStack(path: $navigationPath) {
            YourMapView(navigationPath: $navigationPath, assistances: assistances)
                // 注册对应类型的导航目标
                .navigationDestination(for: String.self) { assistanceId in
                    DetailView(assistanceId: assistanceId)
                }
        }
    }
}

2. MapView的点击回调修改 #

直接把选中的ID添加到导航路径即可：

// 在Coordinator的didSelect方法中替换成：
func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
    guard let annotation = view.annotation else { return }
    let selectedAssistance = parent.assistances.first {
        $0.location.location?.coordinate == annotation.coordinate
    }
    
    guard let assistance = selectedAssistance else { return }
    // 直接把ID加入导航路径，触发跳转
    parent.navigationPath.append(assistance.serverId)
}

小提醒 #

你之前用的presentSheet是用来弹出模态Sheet的，和NavigationLink的导航栈跳转是不同的交互逻辑，如果确实需要弹出Sheet，只需要把父视图的navigationDestination换成sheet(isPresented: $presentSheet)即可。

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