如何在 SwiftUI 中按日期对核心数据项进行分组？

Question

我在我的 iOS 应用程序中拥有的是：

TO DO ITEMS

To do item 3
24/03/2020
------------
To do item 2
24/03/2020
------------
To do item 1
23/03/2020
------------

我想要的是：

TO DO ITEMS


24/03

To do item 3
24/03/2020
------------
To do item 2
24/03/2020
------------


23/03

To do item 1
23/03/2020
------------

================

到目前为止我所拥有的：

我正在使用Core Data并且有1 个实体： Todo。模块：当前产品模块。Codegen：类定义。这个实体有2 个属性： title (String), date (Date)。

ContentView.swift 显示列表。

import SwiftUI

struct ContentView: View {
    @Environment(\.managedObjectContext) var moc
    @State private var date = Date()
    @FetchRequest(
        entity: Todo.entity(),
        sortDescriptors: [
            NSSortDescriptor(keyPath: \Todo.date, ascending: true)
        ]
    ) var todos: FetchedResults<Todo>

    @State private var show_modal: Bool = false

    var dateFormatter: DateFormatter {
        let formatter = DateFormatter()
        formatter.dateStyle = .short
        return formatter
    }

    // func to group items per date. Seemed to work at first, but crashes the app if I try to add new items using .sheet
    func update(_ result : FetchedResults<Todo>)-> [[Todo]]{
        return  Dictionary(grouping: result){ (element : Todo)  in
            dateFormatter.string(from: element.date!)
        }.values.map{$0}
    }

    var body: some View {
        NavigationView {
            VStack {
                List {
                    ForEach(update(todos), id: \.self) { (section: [Todo]) in
                        Section(header: Text( self.dateFormatter.string(from: section[0].date!))) {
                            ForEach(section, id: \.self) { todo in
                                HStack {
                                    Text(todo.title ?? "")
                                    Text("\(todo.date ?? Date(), formatter: self.dateFormatter)")
                                }
                            }
                        }
                    }.id(todos.count)

                    // With this loop there is no crash, but it doesn't group items
                    //ForEach(Array(todos.enumerated()), id: \.element) {(i, todo) in
                    //    HStack {
                    //        Text(todo.title ?? "")
                    //        Text("\(todo.date ?? Date(), formatter: self.dateFormatter)")
                    //    }
                    //}

                }
            }
            .navigationBarTitle(Text("To do items"))
            .navigationBarItems(
                trailing:
                Button(action: {
                    self.show_modal = true
                }) {
                    Text("Add")
                }.sheet(isPresented: self.$show_modal) {
                    TodoAddView().environment(\.managedObjectContext, self.moc)
                }
            )
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        let context = (UIApplication.shared.delegate as! AppDelegate).persistentContainer.viewContext
        return ContentView().environment(\.managedObjectContext, context)
    }
}

TodoAddView.swift 在这个视图中我添加了新项目。

import SwiftUI

struct TodoAddView: View {

    @Environment(\.presentationMode) var presentationMode
    @Environment(\.managedObjectContext) var moc

    static let dateFormat: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateStyle = .medium
        return formatter
    }()

    @State private var showDatePicker = false
    @State private var title = ""
    @State private var date : Date = Date()

    var body: some View {
        NavigationView {

            VStack {
                HStack {
                    Button(action: {
                        self.showDatePicker.toggle()
                    }) {
                        Text("\(date, formatter: Self.dateFormat)")
                    }

                    Spacer()
                }

                if self.showDatePicker {
                    DatePicker(
                        selection: $date,
                        displayedComponents: .date,
                        label: { Text("Date") }
                    )
                        .labelsHidden()
                }

                TextField("title", text: $title)

                Spacer()

            }
            .padding()
            .navigationBarTitle(Text("Add to do item"))
            .navigationBarItems(
                leading:
                Button(action: {
                    self.presentationMode.wrappedValue.dismiss()
                }) {
                    Text("Cancel")
                },

                trailing:
                Button(action: {

                    let todo = Todo(context: self.moc)
                    todo.date = self.date
                    todo.title = self.title

                    do {
                        try self.moc.save()
                    }catch{
                        print(error)
                    }

                    self.presentationMode.wrappedValue.dismiss()
                }) {
                    Text("Done")
                }
            )
        }
    }
}

struct TodoAddView_Previews: PreviewProvider {
    static var previews: some View {
        TodoAddView()
    }
}

我试过这个： 我搜索了一些例子。一个看起来不错：如何按日期正确地对从 CoreData 获取的列表进行分组？我从那里使用了更新功能和 ForEach，但它不适用于 SwiftUI 中的 .sheet。当我打开 .sheet（点击添加后）时，应用程序崩溃并显示错误：

线程 1：异常：“尝试为单元格创建两个动画”

如何解决？或者是否有另一种按日期对核心数据进行分组的方法？有人告诉我应该将分组添加到我的数据模型中。稍后在 UI 中显示它。我不知道从哪里开始。

另一个猜测是我也许可以编辑我的 @FetchRequest 代码以在那里添加分组。但是我几天没有运气就在寻找解决方案。我知道 Core Data 中有一个 setPropertiesToGroupBy，但我不知道它是否以及如何与 @FetchRequest 和 SwiftUI 一起工作。

另一个猜测：是否可以使用 Dictionary(grouping: attributeName) 根据属性对 SwiftUI 中的 CoreData 实体实例进行分组？对数组进行分组看起来很简单：https : //www.hackingwithswift.com/example-code/language/how-to-group-arrays-using-dictionaries，但我不知道它是否以及如何与 Core Data 和 @ 一起使用获取请求。

Answer 1

我自己刚刚进入 SwiftUI，所以这可能是一个误解，但我认为问题在于该update函数不稳定，因为它不能保证每次都以相同的顺序返回组。因此，当添加新项目时，SwiftUI 会感到困惑。我发现通过对数组进行专门排序可以避免错误：

func update(_ result : FetchedResults<Todo>)-> [[Todo]]{
    return  Dictionary(grouping: result){ (element : Todo)  in
        dateFormatter.string(from: element.date!)
    }.values.sorted() { $0[0].date! < $1[0].date! }
}