SwiftUI中基于Core Data实现分页无限滚动List的正确方式？

你的实现方式是可行的——既然在iOS 17和Mac Catalyst 16上能正常运行，说明核心逻辑没问题，但确实可以优化掉“把fetchLimit提升到父视图”这个略显别扭的设计。

为什么当前需要把fetchLimit放到父视图？ #

因为你是在视图初始化时一次性创建了FetchRequest，把初始fetchLimit硬编码进请求里，后续无法直接修改这个请求的参数。所以只能通过父视图的Binding触发子视图重建，间接更新请求的fetchLimit。

优化方案：子视图内直接管理fetchLimit #

iOS 17+的@FetchRequest和@SectionedFetchRequest已经支持动态参数，你可以在子视图内用@State直接管理fetchLimit，不需要依赖父视图的Binding。当fetchLimit变化时，请求会自动重新执行，获取更多数据。

普通FetchRequest优化版 #

struct FetchQueryListView: View {
    @Environment(\.managedObjectContext) private var viewContext
    @State private var fetchLimit = 10 // 子视图内独立管理状态

    // 直接用动态fetchLimit初始化请求
    @FetchRequest(
        sortDescriptors: [NSSortDescriptor(keyPath: \Item.timestamp, ascending: false)],
        fetchLimit: fetchLimit
    ) private var items: FetchedResults<Item>

    var body: some View {
        List {
            ForEach(items) { item in
                NavigationLink(destination: EditItemView(item: item)) {
                    Text("\(item.timestamp!, formatter: datetimeFormatter) - \(item.value)")
                }
            }
            .onDelete(perform: deleteItems)
            
            Text("Bottom")
                .onAppear {
                    fetchLimit += 10 // 直接更新状态，自动触发请求更新
                }
        }
    }
    
    private func deleteItems(offsets: IndexSet) {
        withAnimation {
            offsets.map { items[$0] }.forEach(viewContext.delete)
            saveContext(viewContext)
        }
    }
}

SectionedFetchRequest优化版 #

struct SectionedFetchQueryListView: View {
    @Environment(\.managedObjectContext) private var viewContext
    @State private var fetchLimit = 10 // 子视图内独立管理状态

    // 动态fetchLimit适配分组请求
    @SectionedFetchRequest(
        sortDescriptors: [NSSortDescriptor(keyPath: \Item.timestamp, ascending: false)],
        fetchLimit: fetchLimit,
        sectionIdentifier: \.date!
    ) private var items: SectionedFetchResults<Date, Item>

    var body: some View {
        List {
            ForEach(items) { section in
                Section("\(section.id, formatter: dateFormatter)") {
                    ForEach(section) { item in
                        NavigationLink(destination: EditItemView(item: item)) {
                            Text("\(item.timestamp!, formatter: timeFormatter) - \(item.value)")
                        }
                    }
                }
            }
            
            Text("Bottom")
                .onAppear {
                    fetchLimit += 10 // 直接更新状态，自动触发请求更新
                }
        }
    }
}

额外优化建议 #

• 增加加载状态：比如在底部显示ProgressView，避免用户快速滚动时多次触发加载
• 添加边界判断：查询数据总数量，当已加载数量等于总数量时，停止触发加载逻辑，避免无效请求

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