如何使用 SwiftUI 和 CoreData 为动态列表排序设置动画 (@FetchRequest)

Question

我有一个显示 CoreData FetchRequest 的列表，我有一个选择器可以更改列表的排序方式。我目前的实现方式如下：

struct ParentView: View {
    enum SortMethod: String, CaseIterable, Identifiable {
        var id: Self { self }
        
        case byName = "Name"
        case byDateAdded = "Date Added"
    }

    @State private var currentSortMethod = SortMethod.byName

    var body: some View {
        ItemListView(sortMethod: currentSortMethod) // See child view implementation below
        .toolbar {
            ToolbarItem(placement: .principal) {
                Picker("Sort by", selection: $currentSortMethod) {
                    ForEach(SortMethod.allCases) { sortMethod in
                        Text(sortMethod.rawValue)
                    }
                }
            }
        }
    }
}

子视图如下所示：

struct ItemListView: View {
    
    @Environment(\.managedObjectContext) private var managedObjectContext
    @FetchRequest var items: FetchedResults<Item>
    
    init(sortMethod: ParentView.SortMethod) {
        let sortDescriptor: NSSortDescriptor
        switch sortMethod {
        case .byName:
            sortDescriptor = NSSortDescriptor(keyPath: \Item.name, ascending: true)
        case .byDateAdded:
            sortDescriptor = NSSortDescriptor(keyPath: \Item.dateAdded, ascending: true)
        }
        _items = .init(
            entity: Item.entity(),
            sortDescriptors: [sortDescriptor],
            predicate: nil,
            animation: .default
        )
    }
    
    var body: some View {
        List {
            ForEach(items) { item in
                SingleItemView(item)
            }
        }
    }
}

但是，当我更改排序选项时，列表不会为重新排序设置动画（可能是由于整个 ItemListView 正在重建。如果我将 .animation(.default) 添加到 ItemListView()在父视图中，列表在重新排序时会显示动画，但在从其他视图导航回来时也有奇怪的动画。我似乎无法弄清楚我可以在哪里添加 withAnimation { } 块。或者是否有更好的方法对 SwiftUI 来说更自然，因此允许一些默认动画？

Answer 1

绑定可以附加动画，因此请尝试以下操作（或使用您希望的任何动画参数）

Picker("Sort by", selection: $currentSortMethod.animation())  // << here !!

如何使用 SwiftUI 和 CoreData 为动态列表排序设置动画 (@FetchRequest)

How to animate dynamic List sorting with SwiftUI and CoreData (@FetchRequest)

core-data

swift

swiftui

swiftui-animation