将地图标注触发的TabView改为Sheet展示并支持内容替换

核心思路是通过绑定一个可选的标注数据对象，利用SwiftUI的Sheet自动刷新机制，点击标注时更新该对象，即可实现Sheet内容的动态替换，无需关闭重开或依赖NavigationView跳转。

步骤与代码示例 #

1. 修改WorldView，添加选中标注的绑定属性与Sheet

struct WorldView: View {
    // 替换成你实际的标注数据模型，必须遵循Identifiable协议
    struct MapPin: Identifiable {
        let id = UUID()
        let coordinate: CLLocationCoordinate2D
        let title: String
        let detailInfo: String
    }

    @State private var selectedPin: MapPin?
    // 示例标注数据，替换为你的实际数据
    private let mapPins: [MapPin] = [
        MapPin(coordinate: CLLocationCoordinate2D(latitude: 39.9042, longitude: 116.4074), title: "北京", detailInfo: "中国首都"),
        MapPin(coordinate: CLLocationCoordinate2D(latitude: 31.2304, longitude: 121.4737), title: "上海", detailInfo: "国际化大都市")
    ]

    var body: some View {
        Map(annotationItems: mapPins) { pin in
            MapMarker(coordinate: pin.coordinate, tint: .blue)
                .onTapGesture {
                    // 点击标注时直接更新选中的标注数据
                    selectedPin = pin
                }
        }
        // 绑定selectedPin，数据变化时自动刷新Sheet内容
        .sheet(item: $selectedPin) { pin in
            MapPinDetailView(selectedPin: pin)
            // 若Sheet内不需要导航栏，直接去掉NavigationView，符合需求
        }
    }
}

2. 调整MapPinDetailView，接收标注数据参数

struct MapPinDetailView: View {
    let selectedPin: WorldView.MapPin // 匹配你的标注数据类型

    var body: some View {
        VStack(spacing: 16) {
            Text(selectedPin.title)
                .font(.title.bold())
            Text(selectedPin.detailInfo)
                .font(.body)
            Spacer()
        }
        .padding()
    }
}

关键注意点 #

• 标注数据模型必须遵循Identifiable协议，这是.sheet(item:)能识别对象变化并刷新的前提
• 点击新标注时，selectedPin会被替换为新的对象，SwiftUI会自动销毁旧的MapPinDetailView实例并创建新的，实现无缝内容替换
• 全程无需依赖原NavigationView跳转，完全通过Sheet完成展示与内容切换

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