SwiftUI中获取地图点击的Core Data标注对象并传递给视图

你的代码目前存在两个核心问题：一是地图标注没有关联到原Core Data的Fish对象，导致点击时无法获取对应数据；二是预览视图直接遍历所有Fish显示，而非仅展示选中的那一个。以下是修复方案：

步骤1：让标注关联原Fish对象 #

修改FishAnnotation结构体，添加fish属性存储原Core Data对象引用：

struct FishAnnotation: Identifiable {
    let id = UUID()
    let name: String
    let coordinate: CLLocationCoordinate2D
    let fish: Fish // 关联原Fish对象
}

步骤2：更新标注生成逻辑 #

调整annotations计算属性，在生成标注时绑定对应的Fish对象：

var annotations: [FishAnnotation] {
    fish.map { fish in
        FishAnnotation(
            name: fish.title ?? "No data found",
            coordinate: CLLocationCoordinate2D(latitude: fish.lat, longitude: fish.long),
            fish: fish
        )
    }
}

步骤3：添加标注点击交互 #

在MapMarker上添加点击手势，将选中的Fish赋值给selectedFish状态变量：

Map(coordinateRegion: $region,
    interactionModes: .all,
    showsUserLocation: true,
    annotationItems: annotations) { annotation in
        MapMarker(coordinate: annotation.coordinate)
            .onTapGesture {
                selectedFish = annotation.fish
            }
}

步骤4：仅显示选中的预览视图 #

修改VStack中的代码，只在selectedFish不为空时渲染对应的LocationPreviewView：

VStack(spacing: 0) {
    if let selectedFish = selectedFish {
        LocationPreviewView(fish: selectedFish)
            .shadow(color: Color.black.opacity(0.3), radius: 20)
            .padding()
            .transition(.asymmetric(insertion: .move(edge: .trailing), removal: .move(edge: .leading)))
    }
}

优化：用@FetchRequest替代手动查询 #

将手动调用Core Data查询的逻辑替换为SwiftUI原生的@FetchRequest，自动响应数据变化：

struct MapMainView: View {
    @State private var selectedFish: Fish?
    
    @Environment(\.managedObjectContext) private var moc
    @ObservedObject var locationManager = LocationManager.shared
    @FetchRequest(sortDescriptors: []) private var fish: FetchedResults<Fish> // 替换原fetchFish方法
    
    @State private var region = MKCoordinateRegion(center: LocationManager.currentLocation, span: MKCoordinateSpan(latitudeDelta: 0.1, longitudeDelta: 0.1))
    
    // 移除原fetchFish方法
    // ...
}

完整修复后的代码 #

import SwiftUI
import MapKit
import CoreData
import CoreLocationUI
import StoreKit

struct FishAnnotation: Identifiable {
    let id = UUID()
    let name: String
    let coordinate: CLLocationCoordinate2D
    let fish: Fish
}

struct MapMainView: View {
    @State private var selectedFish: Fish?
    
    @Environment(\.managedObjectContext) private var moc
    @ObservedObject var locationManager = LocationManager.shared
    @FetchRequest(sortDescriptors: []) private var fish: FetchedResults<Fish>
    
    @State private var region = MKCoordinateRegion(center: LocationManager.currentLocation, span: MKCoordinateSpan(latitudeDelta: 0.1, longitudeDelta: 0.1))
    
    var body: some View {
        ZStack {
            Map(coordinateRegion: $region,
                interactionModes: .all,
                showsUserLocation: true,
                annotationItems: annotations) { annotation in
                    MapMarker(coordinate: annotation.coordinate)
                        .onTapGesture {
                            selectedFish = annotation.fish
                        }
                }
                .ignoresSafeArea()
            
            VStack(spacing: 0) {
                Spacer()
                if let selectedFish = selectedFish {
                    LocationPreviewView(fish: selectedFish)
                        .shadow(color: Color.black.opacity(0.3), radius: 20)
                        .padding()
                        .transition(.asymmetric(insertion: .move(edge: .trailing), removal: .move(edge: .leading)))
                }
                Spacer()
            }
        }
    }
    
    var annotations: [FishAnnotation] {
        fish.map { fish in
            FishAnnotation(
                name: fish.title ?? "No data found",
                coordinate: CLLocationCoordinate2D(latitude: fish.lat, longitude: fish.long),
                fish: fish
            )
        }
    }
}

struct MapMainView_Previews: PreviewProvider {
    static var previews: some View {
        MapMainView().environment(\.managedObjectContext, PersistenceController.preview.container.viewContext)
    }
}

关键说明 #

• 通过给FishAnnotation添加fish属性，实现了标注与原Core Data对象的绑定，点击时能直接拿到对应数据。
• 使用@FetchRequest自动监听Core Data数据变化，标注会随数据更新自动刷新，无需手动调用查询。
• 仅在选中Fish后才渲染预览视图，避免了不必要的视图渲染，同时符合交互逻辑。

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