WatchOS中@Published属性被CompactSlider写入后跨端更新无法刷新视图

这个问题由三个核心缺陷共同导致：

• WCSession的所有代理回调默认运行在后台串行队列，不在主线程。SwiftUI中@Published标记的状态必须在主线程更新才能稳定触发视图刷新，你在didReceiveUserInfo后台回调中直接修改sliderValue，无法保证UI刷新信号被正确传递。
• 现有代码没有区分sliderValue的变化来源：不管是用户本地拖动滑块产生的变化，还是收到iOS端消息更新的本地值，都会触发onChange里的跨端发送逻辑，形成状态更新回环。CompactSlider作为自定义双向绑定组件，本身会在交互时持有内部状态缓存，回环触发的写入会导致组件内部状态和外部@Published值脱钩，后续外部再更新值时，组件会优先使用内部缓存的旧值，不再响应外部状态变化。
• 额外隐患：视图中通过@EnvironmentObject注入的watcher实例，和onChange里硬编码调用的ViewModelWatch.shared可能存在实例不一致问题，会进一步加剧状态错乱。

按以下步骤修改代码即可解决：

1. 给ViewModel增加同步抑制标记，区分本地/远端值变化，避免状态回环
2. 所有@Published属性的更新强制切到主线程执行，保证SwiftUI能正常收到刷新信号
3. 统一使用注入的ViewModel实例调用跨端方法，避免多实例状态不一致

修改后的ViewModel代码 #

class ViewModelWatch : NSObject, WCSessionDelegate, ObservableObject {
    static let shared = ViewModelWatch()
    var session: WCSession = .default
    @Published var sliderValue = 0.0
    // 新增：标记是否抑制跨端发送，用于阻断远端值更新时的回传逻辑
    private var suppressSyncSend = false
    
    init(session: WCSession = .default){
        self.session = session
        super.init()
        self.session.delegate = self
        session.activate()
    }
    
    func session(_ session: WCSession, didReceiveUserInfo userInfo: [String : Any] = [:]) {
        guard let remoteValue = userInfo["compensationValue"] as? Double else { return }
        // 必须切主线程更新UI状态
        DispatchQueue.main.async {
            self.suppressSyncSend = true
            self.sliderValue = remoteValue
            // 下一个事件循环重置标记，不影响后续用户本地操作的同步
            DispatchQueue.main.async {
                self.suppressSyncSend = false
            }
        }
    }
}

修改后的ReadingView代码 #

struct ReadingView: View {
    @EnvironmentObject var watcher: ViewModelWatch
    var body: some View {
        CompactSlider(value: $watcher.sliderValue, in: -1000...1000, step: 50, direction: .center) {
            VStack {
                Text("Compensation")
                Text(String(format: "%.0fK", watcher.sliderValue))
            }
        }
        .onChange(of: watcher.sliderValue) { newValue in
            // 远端同步触发的变化直接返回，不回传消息
            guard !watcher.suppressSyncSend else { return }
            // 使用注入的实例调用session，避免多实例问题
            watcher.session.transferUserInfo(["compensationValue": newValue])
        }
    }
}

配置注意事项 #

注入环境对象时，确保传入的是ViewModelWatch.shared单例，不要新建实例：

// 视图入口注入示例
ReadingView()
    .environmentObject(ViewModelWatch.shared)

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