SwiftUI中ScrollView滚动时Compass罗盘失效问题的修复咨询

屏幕上存在一个ScrollView，其下方为罗盘箭头。当上下拖动ScrollView的内容时，罗盘停止工作；松开ScrollView后，罗盘恢复正常。若通过定时器修改变量来旋转罗盘箭头，拖动ScrollView不会影响该过程。请问如何修复此问题？

问题核心在于SwiftUI的ScrollView在拖动时会占用主线程处理UI滚动逻辑，而原代码中罗盘角度的更新通知是在主线程发送的，导致更新被阻塞，直到拖动结束才会触发UI刷新。而定时器若在非主线程执行更新，就不会受此影响。

最简洁有效的修复方式是利用SwiftUI内置的@Published属性包装器替代自定义的更新通知机制，它会自动在合适的线程处理状态更新，避免主线程阻塞的影响：

• 移除自定义的objectWillChange PassthroughSubject
• 给degrees变量添加@Published属性包装器，让它自动处理状态更新通知

import SwiftUI
import Foundation
import Combine
import CoreLocation

class CompassHeading: NSObject, ObservableObject, CLLocationManagerDelegate {
    @Published var degrees: Double = .zero

    private let locationManager: CLLocationManager

    override init() {
        self.locationManager = CLLocationManager()
        super.init()
        
        self.locationManager.delegate = self
        self.setup()
    }

    private func setup() {
        self.locationManager.requestWhenInUseAuthorization()
        
        if CLLocationManager.headingAvailable() {
            self.locationManager.startUpdatingHeading()
        }
    }

    func locationManager(_ manager: CLLocationManager, didUpdateHeading newHeading: CLHeading) {
        self.degrees = -1 * newHeading.magneticHeading
    }
}

struct ContentView: View {
    @ObservedObject var compassHeading = CompassHeading()

    var body: some View {
        VStack {
            ScrollView {
                Text("Some words\nSome words\nSome words\n")
                    .padding()
            }
            
            Text("⬆️")
                .font(.system(size: 100))
                .rotationEffect(Angle(degrees: compassHeading.degrees))
        }
    }
}

修复原理 #

@Published内部基于Combine框架实现，当属性值变化时，会自动在后台线程发送状态更新通知，再同步到主线程触发UI刷新，完全避开了ScrollView拖动时的主线程阻塞问题，确保罗盘角度能实时更新。

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