如何无视觉跳跃恢复ScrollView上次显示的内容位置？

要实现无视觉跳跃的ScrollView位置恢复，核心是避开在视图构建阶段调用滚动操作，转而在视图完全渲染完成后执行，同时通过锚点（而非直接偏移量）来保存和恢复位置，适配LazyVStack的懒加载特性。以下是具体实现方案：

步骤1：定义偏好键捕获滚动位置 #

先用PreferenceKey捕获当前可见区域的顶部item ID，替代直接存储偏移量（偏移量在懒加载列表中不可靠）：

struct TopVisibleItemPreferenceKey: PreferenceKey {
    static var defaultValue: Int? = nil
    
    static func reduce(value: inout Int?, nextValue: () -> Int?) {
        // 只保留最顶部的item ID
        if let next = nextValue() {
            value = next
        }
    }
}

步骤2：修改视图实现保存与恢复 #

基于你的代码，添加滚动位置的保存逻辑，并用ScrollViewReader安全恢复位置：

struct Screen : View {
    var body: some View {
        ZStack {
            background
            VStack {
                frontWindow
                Spacer()
            }
        }
    }
    
    private var frontWindow: some View { FrontWindow() }
    private var background: some View { Color.black }
}

private struct FrontWindow : View {
    @State private var expanded = true
    @State private var items: [Int] = (0..<200000).map { $0 }
    @State private var lastScrollPosition: Int? // 保存上次滚动位置
    
    var body: some View {
        VStack {
            HStack { Spacer(); button; Spacer() }
            if expanded { list }
        }
        .padding()
        .background(Color.white)
    }
    
    private var button: some View {
        Button { withAnimation { expanded.toggle() } } label: {
            HStack { 
                Spacer()
                Text(expanded ? "hide" : "expand")
                    .padding()
                    .background(Color.yellow)
                    .cornerRadius(8)
                Spacer()
            }
        }
    }
    
    private var list: some View {
        ScrollViewReader { proxy in
            ScrollView {
                LazyVStack {
                    ForEach(items, id: \.self) { item in
                        HStack { Spacer(); Text("\(item)"); Spacer() }
                            .padding()
                            .background(Color.gray)
                            .cornerRadius(8)
                            .padding()
                            .anchorPreference(key: TopVisibleItemPreferenceKey.self, value: .top) { [item] _ in
                                // 给每个item绑定顶部锚点，捕获最顶部的item ID
                                item
                            }
                    }
                }
                .onPreferenceChange(TopVisibleItemPreferenceKey.self) { value in
                    // 实时更新滚动位置记录
                    lastScrollPosition = value
                }
            }
            .onAppear {
                // 视图渲染完成后再执行滚动恢复，避开构建期调用的问题
                DispatchQueue.main.async {
                    if let position = lastScrollPosition {
                        proxy.scrollTo(position, anchor: .top)
                    }
                }
            }
        }
    }
}

关键说明 #

• 安全滚动恢复：用DispatchQueue.main.async延迟执行scrollTo，确保ScrollView已经完成渲染，完全符合苹果文档的要求，不会触发运行时错误。
• 无视觉跳跃：滚动操作在视图显示前完成，用户会直接看到恢复后的位置，不会看到滚动过程。
• 适配懒加载：通过item ID作为锚点，而非直接偏移量，完美适配LazyVStack的懒加载机制，避免因item未加载导致的偏移错误。
• 实时位置保存：通过onPreferenceChange实时捕获当前滚动位置，收起列表时自动记录，展开时精准恢复。

额外优化点 #

• 如果需要更精确的位置恢复（比如不是item顶部，而是具体偏移），可以结合GeometryReader捕获item的偏移量，再用scrollTo(_:anchor:)的自定义锚点实现，但用item ID的方式在多数场景下已经足够可靠。
• 若列表数据可能动态变化，需确保item ID的稳定性，避免因ID变化导致恢复失败。

内容的提问来源于stack exchange，提问作者sugar baron