如何将CoreData传入UICalendarView实现日期装饰与跳转？

问题说明 #

我想用CoreData的Item实体在iOS16的UICalendarView上实现两个需求：

• 仅在存在Item记录的日期显示装饰（当前所有日期都显示装饰）
• 点击有记录的日期跳转至详情页

但遇到了CoreData数据传递的问题：无法将FetchedResults传入CalendarHelper和UICalendarView，报错提示无法将FetchedResult传入期望的ObservedResult，改为FetchedResult又提示需要Item类型。

原代码 #

CalView

struct CalView: View {
    
    var body: some View {
        ZStack {
            VStack {            
                HStack {
                   CalendarHelper(interval: DateInterval(start: .distantPast, end: .distantFuture))
                }
            }
        }
    }
}

CalendarHelper

struct CalendarHelper: UIViewRepresentable {
    
    @Environment(\.managedObjectContext) private var viewContext
    @FetchRequest(
        sortDescriptors: SleepSort.default.descriptors,
            animation: .default)
        private var items: FetchedResults<Item>
    
    let interval: DateInterval
    
    func makeUIView(context: Context) -> UICalendarView {
        let calView = UICalendarView()
        calView.delegate = context.coordinator
        calView.calendar = Calendar(identifier: .gregorian)
        calView.availableDateRange = interval
        calView.fontDesign = .rounded
        let dateSelection = UICalendarSelectionSingleDate(delegate: context.coordinator)
        calView.selectionBehavior = dateSelection
        calView.wantsDateDecorations = true
        return calView
    }
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self, items: items)
        }
    
    func updateUIView(_ uiView: UICalendarView, context: Context) {

    }
    
    class Coordinator: NSObject, UICalendarViewDelegate, UICalendarSelectionSingleDateDelegate {
            var parent: CalendarHelper
            @ObservedObject var items: Item
        
            init(parent: CalendarHelper, items: ObservedObject<Item>) {
                self.parent = parent
                self._items = items
            }
            
            @MainActor
            func calendarView(_ calendarView: UICalendarView, decorationFor dateComponents: DateComponents) -> UICalendarView.Decoration? {
                let font = UIFont.systemFont(ofSize: 10)
                let configuration = UIImage.SymbolConfiguration(font: font)
                let image = UIImage(systemName: "star.fill", withConfiguration: configuration)?.withRenderingMode(.alwaysOriginal)
                return .image(image)
            }
            
            func dateSelection(_ selection: UICalendarSelectionSingleDate,
                               didSelectDate dateComponents: DateComponents?) {
            }
            
            func dateSelection(_ selection: UICalendarSelectionSingleDate,
                               canSelectDate dateComponents: DateComponents?) -> Bool {
                return true
            }
            
        }
}

解决方案 #

1. 调整数据传递逻辑

把@FetchRequest移到CalView中，将FetchedResults<Item>作为参数传递给CalendarHelper，同时添加闭包处理日期点击后的跳转逻辑。

2. 修正Coordinator类型错误

Coordinator不需要@ObservedObject修饰单个Item，直接持有FetchedResults<Item>引用即可——FetchedResults本身是可观察集合，数据变化会触发updateUIView刷新日历。

3. 实现装饰显示逻辑

在decorationFor方法中判断当前日期是否存在对应Item记录，仅在存在时返回装饰视图。

4. 实现点击跳转逻辑

在didSelectDate方法中调用闭包，将选中日期传递给CalView，由CalView处理导航跳转。

修改后的代码 #

CalView

import SwiftUI
import CoreData

struct CalView: View {
    @Environment(\.managedObjectContext) private var viewContext
    @FetchRequest(
        sortDescriptors: SleepSort.default.descriptors,
        animation: .default)
    private var items: FetchedResults<Item>
    
    @State private var selectedDate: Date?
    @State private var showDetail = false
    
    var body: some View {
        ZStack {
            VStack {
                HStack {
                    CalendarHelper(
                        interval: DateInterval(start: .distantPast, end: .distantFuture),
                        items: items,
                        onDateSelected: { dateComponents in
                            if let date = dateComponents?.date {
                                selectedDate = date
                                showDetail = true
                            }
                        }
                    )
                }
            }
            .sheet(isPresented: $showDetail) {
                if let date = selectedDate {
                    DetailView(selectedDate: date, items: items)
                }
            }
        }
    }
}

// 示例详情页
struct DetailView: View {
    let selectedDate: Date
    let items: FetchedResults<Item>
    
    var body: some View {
        VStack {
            Text("详情页 - \(selectedDate.formatted(date: .long, time: .omitted))")
            List {
                ForEach(items.filter { item in
                    guard let itemDate = item.date else { return false }
                    return Calendar.current.isDate(itemDate, inSameDayAs: selectedDate)
                }) { item in
                    Text(item.title ?? "无标题")
                }
            }
        }
    }
}

CalendarHelper

import SwiftUI
import UIKit
import CoreData

struct CalendarHelper: UIViewRepresentable {
    let interval: DateInterval
    let items: FetchedResults<Item>
    let onDateSelected: (DateComponents?) -> Void
    
    func makeUIView(context: Context) -> UICalendarView {
        let calView = UICalendarView()
        calView.delegate = context.coordinator
        calView.calendar = Calendar(identifier: .gregorian)
        calView.availableDateRange = interval
        calView.fontDesign = .rounded
        let dateSelection = UICalendarSelectionSingleDate(delegate: context.coordinator)
        calView.selectionBehavior = dateSelection
        calView.wantsDateDecorations = true
        return calView
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self, items: items, onDateSelected: onDateSelected)
    }
    
    func updateUIView(_ uiView: UICalendarView, context: Context) {
        uiView.reloadDecorations(forDateComponents: nil)
    }
    
    class Coordinator: NSObject, UICalendarViewDelegate, UICalendarSelectionSingleDateDelegate {
        var parent: CalendarHelper
        let items: FetchedResults<Item>
        let onDateSelected: (DateComponents?) -> Void
        
        init(parent: CalendarHelper, items: FetchedResults<Item>, onDateSelected: @escaping (DateComponents?) -> Void) {
            self.parent = parent
            self.items = items
            self.onDateSelected = onDateSelected
        }
        
        @MainActor
        func calendarView(_ calendarView: UICalendarView, decorationFor dateComponents: DateComponents) -> UICalendarView.Decoration? {
            guard let targetDate = dateComponents.date else { return nil }
            
            let hasItem = items.contains { item in
                guard let itemDate = item.date else { return false }
                return Calendar.current.isDate(itemDate, inSameDayAs: targetDate)
            }
            
            guard hasItem else { return nil }
            
            let font = UIFont.systemFont(ofSize: 10)
            let configuration = UIImage.SymbolConfiguration(font: font)
            let image = UIImage(systemName: "star.fill", withConfiguration: configuration)?.withRenderingMode(.alwaysOriginal)
            return .image(image)
        }
        
        func dateSelection(_ selection: UICalendarSelectionSingleDate, didSelectDate dateComponents: DateComponents?) {
            onDateSelected(dateComponents)
        }
        
        func dateSelection(_ selection: UICalendarSelectionSingleDate, canSelectDate dateComponents: DateComponents?) -> Bool {
            guard let targetDate = dateComponents?.date else { return false }
            return items.contains { item in
                guard let itemDate = item.date else { return false }
                return Calendar.current.isDate(itemDate, inSameDayAs: targetDate)
            }
        }
    }
}

关键说明 #

• @FetchRequest移至CalView：避免UIViewRepresentable内部使用环境变量的生命周期问题，同时方便传递数据和处理导航。
• 闭包传递点击事件：让CalView负责导航逻辑，符合SwiftUI单向数据流原则。
• updateUIView刷新装饰：CoreData数据变化时自动刷新日历装饰。
• 日期匹配逻辑：用Calendar.current.isDate(_:inSameDayAs:)确保天级匹配，不受时间部分干扰。

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