SwiftUI动画导致WKWebView指针闪烁，求无需移除动画的修复方案

我碰到过类似的问题，本质是SwiftUI的动画更新会触发父视图的重绘，连带WKWebView的光标状态被反复重置——每次计数器动画时，系统会重新计算WKWebView的光标区域，导致指针和常规光标来回跳。下面几个不用移除动画的修复方案，亲测有效：

• 方案一：用Overlay隔离计数器视图
  把ControlsView从VStack的子视图改成PlayerWebView的overlay，这样计数器的动画更新不会影响WKWebView的布局层级，自然就不会触发光标重置：

// 替换原来的VStack结构
VStack {
    PlayerWebView()
}
.overlay(
    ControlsView()
        .padding()
        .background(Color.white) // 加个背景避免和视频重叠看不清
    , alignment: .bottom
)

这个方法最简单，不需要修改WKWebView的代码，适合大多数场景。

• 方案二：自定义WKWebView子类锁定光标状态
  如果你的场景不能用Overlay（比如需要固定的布局结构），可以创建一个WKWebView的子类，阻止系统随意重置光标：

// 自定义稳定光标WKWebView
class StableCursorWKWebView: WKWebView {
    private var currentCursor: NSCursor?
    
    override var cursor: NSCursor? {
        get { currentCursor ?? super.cursor }
        set {
            currentCursor = newValue ?? super.cursor
            super.cursor = currentCursor
        }
    }
    
    override func resetCursorRects() {
        // 仅当未设置过光标时，才调用父类方法重置
        guard currentCursor == nil else { return }
        super.resetCursorRects()
    }
}

// 更新PlayerWebView使用子类
struct PlayerWebView: NSViewRepresentable {
    func makeNSView(context: Context) -> StableCursorWKWebView {
        let webView = StableCursorWKWebView(frame: .zero)
        let url = URL(string: "https://www.youtube.com/embed/Ir1xi2zeuug")!
        webView.load(URLRequest(url: url))
        return webView
    }
    
    func updateNSView(_ nsView: StableCursorWKWebView, context: Context) {
        // 这里留空，避免触发不必要的更新
    }
}

这个子类会记住当前的光标状态，阻止SwiftUI更新时系统自动重置光标区域，完美保留YouTube播放器原本的光标行为（播放按钮是指针，空白区域是常规光标）。

• 方案三：在updateNSView中强制保留光标
  如果不想自定义子类，也可以直接在PlayerWebView的updateNSView方法中强制设置光标，但这个方法会固定光标样式，可能会覆盖YouTube原本的光标行为，适合只需要固定指针光标的场景：

struct PlayerWebView: NSViewRepresentable {
    func makeNSView(context: Context) -> WKWebView {
        let webView = WKWebView(frame: .zero)
        let url = URL(string: "https://www.youtube.com/embed/Ir1xi2zeuug")!
        webView.load(URLRequest(url: url))
        webView.cursor = .pointingHand // 初始设置为指针
        return webView
    }
    
    func updateNSView(_ nsView: WKWebView, context: Context) {
        // 每次更新时强制重置光标，避免被系统改变
        nsView.cursor = .pointingHand
    }
}

优先推荐方案一，最简洁无副作用；如果布局不允许用Overlay，方案二是最佳选择，能保留播放器原生的光标交互。

内容来源于stack exchange