SwiftUI LazyVGrid图片排序顺序更新失效问题求助

你遇到的视图不更新问题，根源在于直接修改@FetchRequest的nsSortDescriptors不会自动触发SwiftUI视图刷新。SwiftUI的@FetchRequest依赖于初始的排序描述符来监听数据变化，后续直接修改属性无法让视图感知到变化。

正确实现方式 #

我们需要把排序描述符做成可绑定的动态变量，让@FetchRequest能响应其变化。具体步骤如下：

1. 添加@State变量存储当前排序描述符，作为@FetchRequest的动态参数
2. 在视图初始化时加载用户的排序设置，初始化这个@State变量
3. 移除onAppear里的修改逻辑，让@FetchRequest自动响应排序描述符的变化

修改后的代码：

struct ProjectImagesListView: View {
    @Environment(\.managedObjectContext) private var viewContext
    var project : Project

    let columns = [
        GridItem(.flexible()),
        GridItem(.flexible()),
        GridItem(.flexible()),
        GridItem(.flexible())
    ]
    
    // 用@State存储动态排序描述符
    @State private var sortDescriptors: [NSSortDescriptor] = []
    // 基于动态sortDescriptors创建FetchRequest
    @FetchRequest private var pictures: FetchedResults<Picture>

    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns) {
                ForEach(pictures) { picture in
                    NavigationLink(destination: ProjectImageDetailView(picture: picture)) {
                        if let pictureData = picture.pictureThumbnailData, let uiImage = UIImage(data: pictureData) {
                            Image(uiImage: uiImage)
                                .resizable()
                                .scaledToFit()
                                .frame(height: 100)
                        } else {
                            Image("missing")
                                .resizable()
                                .scaledToFit()
                                .frame(height: 100)
                        }
                    }
                }
            }
        }
        .navigationBarTitle("\(project.name ?? "") Images", displayMode: .inline)
    }

    func getSettingForPhotoOrder() -> Setting? {
        let fetchRequest: NSFetchRequest<Setting> = Setting.fetchRequest()
        fetchRequest.predicate = NSPredicate(format: "name = %@", "photoSortOrder")
        fetchRequest.fetchLimit = 1
        do {
            let results = try viewContext.fetch(fetchRequest)
            return results.first
        } catch {
            print("Fetching Failed")
        }
        
        return nil
    }

    init(project: Project) {
        self.project = project
        
        // 初始化时获取用户排序设置
        let sortOrder = getSettingForPhotoOrder()
        let initialSort: [NSSortDescriptor]
        
        if let sortOrderValue = sortOrder?.settingValue, sortOrderValue == "Newest" {
            initialSort = [NSSortDescriptor(keyPath: \Picture.dateTaken, ascending: false)]
        } else {
            // 默认按从旧到新排序
            initialSort = [NSSortDescriptor(keyPath: \Picture.dateTaken, ascending: true)]
        }
        
        // 绑定动态sortDescriptors到FetchRequest
        _sortDescriptors = State(initialValue: initialSort)
        _pictures = FetchRequest(
            entity: Picture.entity(),
            sortDescriptors: $sortDescriptors, // 使用绑定的排序描述符
            predicate: NSPredicate(format: "project == %@", project)
        )
    }
}

额外优化点 #

如果后续需要支持用户在界面切换排序（比如添加按钮切换新旧排序），只需要修改sortDescriptors变量即可，视图会自动刷新：

// 示例：添加切换排序的按钮
Button(action: {
    sortDescriptors = sortDescriptors == [NSSortDescriptor(keyPath: \Picture.dateTaken, ascending: true)]
        ? [NSSortDescriptor(keyPath: \Picture.dateTaken, ascending: false)]
        : [NSSortDescriptor(keyPath: \Picture.dateTaken, ascending: true)]
}) {
    Text(sortDescriptors.first?.ascending == true ? "按最新排序" : "按最早排序")
}

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