Sheet关闭时WebView自动重载问题：如何保留状态且不影响导航？

问题根源 #

1. updateUIView无条件重载初始请求：Sheet关闭时SwiftUI会触发视图更新，调用updateUIView，而你这里每次都执行uiView.load(request)，直接导致WebView重载回首页。
2. WebView实例被重复创建：在myView的body中直接创建myWebView实例，SwiftUI的body会被多次计算，每次都会新建myWebView，之前的浏览状态完全丢失。
3. 导航按钮逻辑失效：你在myWebView中定义的goBack/goForward操作的是自己声明的webview属性，但这个属性和SwiftUI实际管理的WKWebView实例不是同一个，调用自然无效。

修复方案 #

1. 重构myWebView，正确管理WebView生命周期

修改UIViewRepresentable实现，只在WebView初始化时加载初始请求，用Coordinator持有WebView引用以保证导航方法有效：

struct myWebView: UIViewRepresentable {
    let initialRequest: URLRequest
    @Binding var activeSheet: Bool
    
    // 用Coordinator持有WebView实例，统一管理导航操作
    class Coordinator: NSObject {
        weak var webView: WKWebView?
        
        func goBack() {
            webView?.goBack()
        }
        
        func goForward() {
            webView?.goForward()
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator()
    }
    
    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        // 仅在WebView首次创建时加载初始请求
        webView.load(initialRequest)
        context.coordinator.webView = webView
        return webView
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        // 这里只处理activeSheet相关的业务逻辑，不要执行加载请求的操作
        // 比如需要监听Sheet状态变化注入JS，可在此处处理
    }
    
    // 通过Coordinator调用真实的WebView导航方法
    func goBack() {
        makeCoordinator().goBack()
    }
    
    func goForward() {
        makeCoordinator().goForward()
    }
}

2. 在主视图中持久化WebView实例

在myView中用@State持有WebView，避免每次body刷新时重新创建，保留浏览历史：

struct myView: View {
    @State var activeSheet: Bool = false
    @State private var webView: myWebView!
    @State private var urlToOpenInSheet: URL?
    
    var body: some View {
        VStack {
            webView
        }
        .sheet(isPresented: $activeSheet) {
            anotherView(urlToLoad: urlToOpenInSheet)
        }
        .onChange(of: urlToOpenInSheet) { newValue in
            print("url changed to \(urlToOpenInSheet)!")
        }
        // 仅在视图首次出现时创建WebView实例
        .onAppear {
            if webView == nil {
                webView = myWebView(
                    initialRequest: URLRequest(url: URL(string: "https://google.com")!),
                    activeSheet: $activeSheet
                )
            }
        }
        HStack {
            Button(action: {
                webView.goBack()
                print("goBack triggered")
            }) {
                Image(systemName: "arrow.backward")
                    .font(.system(size: 20))
                    .foregroundColor(.white)
                    .frame(alignment: .trailing)
            }
            .frame(alignment: .topTrailing)
            .padding(EdgeInsets(top: 5))
            
            Button(action: {
                webView.goForward()
                print("goForward triggered")
            }) {
                Image(systemName: "arrow.forward")
                    .font(.system(size: 20))
                    .foregroundColor(.white)
                    .frame(alignment: .trailing)
            }
            .frame(alignment: .topTrailing)
            .padding(EdgeInsets(top: 5))
        }
    }
}

核心优化点 #

• 取消updateUIView中的无条件加载：仅在makeUIView中加载初始请求，彻底避免Sheet关闭时的重载问题。
• 用Coordinator统一管理WebView：确保导航按钮操作的是同一个WebView实例，解决按钮失效问题。
• 持久化WebView实例：通过@State在主视图中保留WebView，避免每次视图刷新时丢失浏览状态。

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