SwiftUI：WebView与View间Binding、State初始化报错求助

问题核心 #

在SwiftUI中，将myWebView实例用let声明在ItlnrView结构体顶部时，因需要传递@State变量activeSheet的Binding，编译报错：

Cannot use instance member '$activeSheet' within property initializer; property initializers run before 'self' is available

原因是结构体属性初始化器会在self完全初始化前执行，此时无法访问依赖self的@State Binding。而在body中创建实例时，self已可用，因此不会触发报错。

解决方案 #

方法1：使用lazy var延迟初始化 #

将let改为lazy var，延迟webView的初始化时机，直到第一次访问该属性时才执行初始化逻辑，此时self已完全可用：

struct ItlnrView: View {
    
    @State var activeSheet: Bool = false
    // 用lazy延迟初始化，确保self可用后再访问$activeSheet
    lazy var webView = myWebView(web: nil, actSheet: $activeSheet, req: URLRequest(url: URL(string: "https://google.com")!))

    var body: some View {
        VStack {
            webView
        }
        .sheet(isPresented: $activeSheet) {
           // sheet内容实现
        }
     }
}

方法2：用@StateObject管理WebView状态（进阶） #

如果需要持久管理WebView实例状态（比如避免页面因View刷新重新加载），可将WebView逻辑封装到ObservableObject中：

class WebViewModel: ObservableObject {
    let webView: WKWebView
    let request: URLRequest
    
    init(request: URLRequest) {
        self.webView = WKWebView()
        self.request = request
    }
    
    // 实现返回、刷新等方法
    func goBack() {
        if webView.canGoBack {
            webView.goBack()
        }
    }
    
    func reload() {
        webView.reload()
    }
}

struct ItlnrView: View {
    
    @State var activeSheet: Bool = false
    @StateObject private var webViewModel = WebViewModel(request: URLRequest(url: URL(string: "https://google.com")!))

    var body: some View {
        VStack {
            myWebView(web: webViewModel.webView, actSheet: $activeSheet, req: webViewModel.request)
            // 直接调用viewModel方法实现返回、刷新
            Button("返回") {
                webViewModel.goBack()
            }
        }
        .sheet(isPresented: $activeSheet) {
           // sheet内容实现
        }
     }
}

补充优化 #

原myWebView初始化方法中参数web未被使用，可调整逻辑避免冗余：

struct myWebView: UIViewRepresentable {
    
    let request: URLRequest
    let webview: WKWebView?
    @Binding var activeSheet: Bool

    init(web: WKWebView?, actSheet: Binding<Bool>, req: URLRequest) {
        self.webview = web ?? WKWebView() // 仅当web为nil时创建新实例
        self._activeSheet = actSheet
        self.request = req
    }
    
    func makeUIView(context: Context) -> WKWebView {
        let webView = self.webview ?? WKWebView()
        webView.load(request)
        return webView
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        // 根据需求更新视图
    }
}

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