SwiftUI视图切换在Image中正常 封装WKWebView的WebView仅生效一次

• 实现IndexView组件，点击组件内条目时，主视图切换为对应选中的内容视图
• 组件内承载原生Image时，点击切换逻辑完全正常
• 组件内承载通过NSViewRepresentable封装WKWebView实现的WebView时，仅能完成首次视图切换，后续点击无法触发切换操作
  

核心原因是封装的WKWebView拦截了点击事件，未向上传递给SwiftUI层的手势识别器。
WKWebView属于自带完整交互逻辑的复杂控件，内部内置了多套手势识别处理逻辑。当它放置在可点击的SwiftUI容器内时，其内部手势识别器会优先捕获点击事件，事件被消费后不会继续沿响应链传递到外层SwiftUI视图，因此绑定在IndexView上的状态切换逻辑无法触发。
原生Image为纯展示类控件，没有内置消费点击事件的手势逻辑，事件可正常传递到外层手势识别器，因此交互无异常。

根据业务场景二选一即可：

方案1：关闭WebView用户交互（纯展示场景适用） #

如果WebView仅用于静态内容展示，不需要响应点击链接、滚动等交互，直接在封装代码中关闭WKWebView的交互开关，让事件直接透传给上层视图：

func makeNSView(context: Context) -> WKWebView {
    let webView = WKWebView()
    webView.isUserInteractionEnabled = false
    // 原有网页加载逻辑保持不变
    return webView
}

方案2：自定义WKWebView实现事件透传（需保留WebView交互场景适用） #

如果需要保留WebView自身的滚动、点击链接等交互能力，自定义WKWebView子类重写命中测试方法，非交互区域的点击事件自动透传给上层视图：

class EventPassthroughWebView: WKWebView {
    override func hitTest(_ point: NSPoint) -> NSView? {
        guard let hitView = super.hitTest(point) else { return nil }
        // 命中滚动容器、WebView本体时，透传事件给上层视图
        if hitView == self || hitView.isKind(of: NSScrollView.self) || hitView.isKind(of: NSClipView.self) {
            return nil
        }
        // 命中WebView内部可交互元素时，正常响应WebView交互
        return hitView
    }
}

封装NSViewRepresentable时，将makeNSView中返回的实例替换为EventPassthroughWebView即可。

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