ScrollViewProxy与SwiftData延迟更新兼容问题及优雅解决方案咨询

你遇到的问题本质是SwiftData的@Query是异步更新的：调用ctx.insert后，模型会被持久化，但视图绑定的tasks数组不会立刻刷新，这时候执行scrollTo，ScrollViewReader还找不到新任务对应的ID，所以失效。用延迟虽然能解决，但确实不够优雅，下面提供两种稳妥的解决方案：

方案一：监听任务数组变化，滚动到最后一项 #

直接监听tasks数组的更新，当数组变化时，滚动到最后一个元素（也就是刚新增的任务），这时候新任务已经在数组中，ScrollViewReader能准确定位：

import SwiftUI
import SwiftData

struct TextView2: View {
    @Query(filter: #Predicate<Task> { task in
        task.status == DoingTaskStatus
    }) var tasks: [Task]
    
    @Environment(\.modelContext) private var ctx: ModelContext
    
    var body: some View {
        VStack {
            Button {
                let task = Task(name: "newTask")
                ctx.insert(task)
            } label: {
                Text("add")
            }
            ScrollViewReader { proxy in
                ScrollView {
                    VStack {
                        ForEach(tasks) { task in
                            TestTaskList(task: task)
                                .id(task.id) // 显式绑定ID，确保定位准确
                        }
                    }
                }
                .onChange(of: tasks) { _, newTasks in
                    guard let lastTask = newTasks.last else { return }
                    withAnimation {
                        proxy.scrollTo(lastTask.id)
                    }
                }
            }
        }
    }
}

方案二：精确滚动到指定新任务（适用于非末尾新增场景） #

如果你的业务场景中，新增的任务不一定是数组最后一项，可通过存储新任务ID，等待数组更新后再执行滚动：

import SwiftUI
import SwiftData

struct TextView2: View {
    @Query(filter: #Predicate<Task> { task in
        task.status == DoingTaskStatus
    }) var tasks: [Task]
    
    @Environment(\.modelContext) private var ctx: ModelContext
    
    @State private var newTaskID: UUID?
    
    var body: some View {
        VStack {
            Button {
                let task = Task(name: "newTask")
                ctx.insert(task)
                newTaskID = task.id
            } label: {
                Text("add")
            }
            ScrollViewReader { proxy in
                ScrollView {
                    VStack {
                        ForEach(tasks) { task in
                            TestTaskList(task: task)
                        }
                    }
                }
                .onChange(of: tasks) { _ in
                    guard let targetID = newTaskID else { return }
                    // 确认新任务已加入数组后再滚动
                    if tasks.contains(where: { $0.id == targetID }) {
                        withAnimation {
                            proxy.scrollTo(targetID)
                        }
                        newTaskID = nil // 清空ID，避免重复触发
                    }
                }
            }
        }
    }
}

核心逻辑 #

两种方案的本质都是等待@Query完成数组更新后再执行滚动，利用SwiftData自动触发的视图刷新时机，替代不可靠的延迟操作，既保证了准确性，又符合SwiftUI的响应式设计理念。

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