同一结构 SwiftUI 的单独实例

Question

在 SwiftUI 中，如何创建同一结构的两个单独实例？ 就我而言，这样做的目的如下：我有一个用 SwiftUI 编写的应用程序，它由一个标签栏组成。 每个选项卡显示不同的网页。 当我创建标签栏时，对于每个标签 object，我当前将 URLrequest 作为结构的参数传递。 但是，我必须为我想要的每个网页/选项卡创建一个具有几乎相同代码逐字记录的新结构。 当我尝试仅使用相同的结构时，由于结构的第一行，所有选项卡都显示相同的网页：

static var cache = [URL: WKWebView]()

但是，如果我删除 static 关键字，我只是无法解决的错误。 我怎样才能成功地做到这一点？

好的，这是我对所请求示例的继续。 这是控制 webview 的结构。

struct WebView : UIViewRepresentable {
    
    static var cache = [URL: WKWebView]()

    let request: URLRequest
    
    func makeUIView(context: Context) -> WKWebView  {
        guard let url = request.url else {fatalError()}

        if let webView = WebView.cache[url] {
            return webView
        }

        let webView = WKWebView()
        WebView.cache[url] = webView
        return webView
    }

    func updateUIView(_ uiView: WKWebView, context: Context) {
        if uiView.url == nil {
            uiView.load(request)
        }
    }
}

现在这里是内容视图：

struct ContentView: View {
    var body: some View {
        TabView {
            WebView(request: URLRequest(url: URL(string: "https://www.google.com")!)).edgesIgnoringSafeArea(.all).tabItem {
                VStack {
                    Text("Google")
                }
            }
            
            WebView(request: URLRequest(url: URL(string: "https://www.apple.com")!)).edgesIgnoringSafeArea(.all).tabItem {
                VStack {
                    Text("Apple")
                }
            }
        }
    }
}

但是，这会导致两个选项卡始终显示同一页面。 我显然希望他们显示指定的网址。 我怎么能做到这一点？

Answer 1

尝试以下操作：

struct ContentView: View {
    var body: some View {
        TabView {
            webView(url: "https://www.google.com")
                .edgesIgnoringSafeArea(.all)
                .tabItem {
                    VStack {
                        Text("Google")
                    }
                }
            webView(url: "https://www.apple.com")
                .edgesIgnoringSafeArea(.all)
                .tabItem {
                    VStack {
                        Text("Apple")
                    }
                }
        }
    }

    func webView(url: String) -> some View {
        WebView(request: URLRequest(url: URL(string: url)!))
    }
}

注意：而不是强制解包URL(string: url)! 您可能需要提供默认 url 或默认视图。 即使该站点是有效的，它也可能并不总是可用。