如何为SwiftUI的ViewModifier添加可选闭包？

你的核心问题在于ViewModifier无法直接获取被修饰的WebView实例——因为content是泛型类型，且SwiftUI的View是值类型，不能直接持有引用。正确的做法是通过ObservableObject管理WebView的状态，将状态和操作传递给Toolbar。

步骤1：创建WebView状态管理类 #

用ObservableObject持有WKWebView实例，并实时同步canGoBack状态：

import SwiftUI
import WebKit

class WebViewModel: ObservableObject {
    private(set) var webView: WKWebView
    @Published var canGoBack = false
    
    init(url: URL) {
        webView = WKWebView()
        webView.navigationDelegate = self
        webView.load(URLRequest(url: url))
    }
    
    func goBack() {
        webView.goBack()
    }
}

extension WebViewModel: WKNavigationDelegate {
    // 导航状态变化时更新canGoBack
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        updateCanGoBack()
    }
    
    func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {
        updateCanGoBack()
    }
    
    private func updateCanGoBack() {
        DispatchQueue.main.async {
            self.canGoBack = self.webView.canGoBack
        }
    }
}

步骤2：重构WebView（UIViewRepresentable） #

让WebView依赖ViewModel，不再自行持有WKWebView：

struct WebView: UIViewRepresentable {
    @ObservedObject var viewModel: WebViewModel
    
    func makeUIView(context: Context) -> WKWebView {
        viewModel.webView
    }
    
    func updateUIView(_ webView: WKWebView, context: Context) {
        // 若需支持URL动态更新，可将URL加入ViewModel的@Published属性
    }
}

步骤3：修改Toolbar修饰器 #

让Toolbar支持自定义左侧内容，接收一个视图构建闭包：

struct Toolbar: ViewModifier {
    let leadingContent: () -> AnyView
    
    func body(content: Content) -> some View {
        content
            .toolbar {
                ToolbarItem(placement: .topBarLeading) {
                    leadingContent()
                }
                // 保留原有右侧按钮
                ToolbarItem(placement: .topBarTrailing) {
                    Image(systemName: "person.circle")
                }
            }
    }
}

步骤4：更新View扩展 #

让addToolbar方法支持传入自定义视图闭包：

extension View {
    func addToolbar(@ViewBuilder leadingContent: @escaping () -> some View) -> some View {
        self.modifier(Toolbar(leadingContent: { leadingContent().eraseToAnyView() }))
    }
}

步骤5：最终ContentView实现 #

现在可以按照你期望的写法，通过ViewModel控制返回按钮的显示与操作：

struct ContentView: View {
    private let webViewModel = WebViewModel(url: URL(string: "https://www.apple.com")!)
    
    var body: some View {
        NavigationStack {
            WebView(viewModel: webViewModel)
                .addToolbar {
                    if webViewModel.canGoBack {
                        Button {
                            webViewModel.goBack()
                        } label: {
                            Image(systemName: "chevron.left")
                        }
                    }
                }
        }
    }
}

为什么原方案不可行？ #

1. 泛型限制：ViewModifier的content是泛型Content类型，无法强制转换为WebView——修饰器可以作用于任何View，不是仅WebView。
2. 值类型特性：WebView作为结构体（值类型），无法安全持有WKWebView引用，原代码中直接存储webView会导致状态不一致。
3. 状态同步问题：原代码无法实时同步canGoBack状态，SwiftUI需要通过@Published监听状态变化来更新视图。

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