SwiftUI中如何从ViewModel实现无页面刷新的编程式滚动？

这是SwiftUI MVVM架构里很典型的需求，我们可以通过两种优雅的方式实现，完全不会触发页面刷新，和你点击按钮滚动的效果一模一样：

方法一：用@Published触发信号（状态驱动风格） #

这种方式更贴合SwiftUI的状态驱动理念，适合简单的滚动触发场景：

第一步：修改ViewModel #

我们给ViewModel添加一个可观察的触发信号，以及一个方便调用的触发方法：

class someViewModel: ObservableObject {
    @Published var scrollToPageIndex = 4 // 要滚动到的目标索引
    @Published var needToScroll = false   // 滚动触发信号
    
    // 外部调用这个方法来触发滚动
    func triggerScroll(to index: Int) {
        scrollToPageIndex = index
        needToScroll = true
    }
}

第二步：修改View #

在View里监听needToScroll的变化，一旦触发就执行滚动，然后重置信号避免重复触发：

@ObservedObject var model: someViewModel
// 假设你有colors数组，这里补上定义
private let colors: [Color] = [.red, .green, .blue, .yellow]

var body: some View {
    ScrollView {
        ScrollViewReader { pageScroller in
            ForEach(0..<100) { i in
                Text("Example \(i)")
                    .frame(width: 200, height: 200)
                    .background(colors[i % colors.count])
                    .id(i)
            }
            // 监听滚动触发信号
            .onChange(of: model.needToScroll) { shouldScroll in
                guard shouldScroll else { return }
                // 执行滚动操作——这个方法不会触发页面刷新
                pageScroller.scrollTo(model.scrollToPageIndex, anchor: .top)
                // 重置信号，确保下次还能触发
                model.needToScroll = false
            }
        }
    }
    .frame(height: 350)
}

方法二：用Combine PassthroughSubject（更灵活） #

如果你的场景需要传递更多滚动参数（比如自定义anchor），或者有多种滚动触发逻辑，用Combine的Subject会更灵活：

第一步：修改ViewModel #

定义一个PassthroughSubject来发送滚动指令：

import Combine // 别忘了导入Combine

class someViewModel: ObservableObject {
    // 发送滚动目标索引的Subject
    let scrollTrigger = PassthroughSubject<Int, Never>()
    
    // 触发滚动的方法
    func triggerScroll(to index: Int) {
        scrollTrigger.send(index)
    }
}

第二步：修改View #

用onReceive监听Subject的消息，执行滚动：

@ObservedObject var model: someViewModel
private let colors: [Color] = [.red, .green, .blue, .yellow]

var body: some View {
    ScrollView {
        ScrollViewReader { pageScroller in
            ForEach(0..<100) { i in
                Text("Example \(i)")
                    .frame(width: 200, height: 200)
                    .background(colors[i % colors.count])
                    .id(i)
            }
            // 监听滚动指令
            .onReceive(model.scrollTrigger) { targetIndex in
                pageScroller.scrollTo(targetIndex, anchor: .top)
            }
        }
    }
    .frame(height: 350)
}

为什么不会触发页面刷新？ #

这两种方法的核心都是直接调用ScrollViewProxy的scrollTo方法——这个方法只是告诉ScrollView调整滚动位置，不会修改View的任何状态变量（比如@State、@ObservedObject里的渲染相关属性），所以完全不会触发页面的重新渲染，和你点击按钮滚动的体验完全一致。

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