How do I refresh a WKWebView via #StateObject stored in another class after altering a property on an #ObservedObject? [duplicate] - swift

Question

This question already has an answer here:
How to make SwiftUI WebView dynamically load an URL?
(1 answer)
Closed 2 days ago.
This post was edited and submitted for review yesterday.
I have a basic model like this"
public final class WebSite: ObservableObject {
#Published
var URL: String
// Let us please assume that this will be a valid URL
}
And a webview. It uses the site url to render a UIViewRepresentable (my site view must be a class bc of the WKWebView protocol):
class WebSiteWebView: WKWebView {
#ObservedObject
var webSite: WebSite
init() { /* initialization. Not relevant here*/ }
loadUrl(url: String) {
self.load(URLRequest(url: url))
}
render() -> some View {
let representable = WebSiteWebView.Representable(webView: self)
do {
try representable.webView.loadUrl(url: self.webSite.url)
} catch { ... }
}
}
Now, I have a parent ContentView as follows:
struct ContentView: View {
#StateObject var webSite: WebSite = WebSite(URL: "stackoverflow.com")
var body: some View {
WebSiteView(webSite: webSite)
}
}
and a WebSiteView that displays a web view:
struct WebSiteView: View {
#ObservedObject
var webSite: WebSite
var body: some View {
let webView: WebSiteWebView = WebView(webSite: webSite)
VStack {
webView.render()
Button("Switch URL") {
webSite.URL = "google.com"
}
}
}
}
The UIViewRepresentable impl for completeness
extension WebSiteWebView {
struct Representable: UIViewRepresentable {
let webView: WebSiteWebView
func makeUIView(context: Context) -> WebSiteWebView {
self.webView
}
func updateUIView(_ uiView: WebSiteWebView, context: Context) {}
}
}
In a nutshell, this is what's going on:
The parent ContentView initializes a #StateObject that contains a published String named URL.
The ContentView has a child view named WebSiteView that takes the web site class as an #ObservedObject
That child view loads the URL from the #ObservedObject
That child view also has a button that changes the URL
I would expect that after the button is pressed, the WebSiteView would re-render, since it declares the webSite as an #ObservedObject. And, it does (technically). webView.render() is called with the new URL but the WKWebView does not refresh. Does anyone know why this is happening?

Answer 1

things are a bit backwards, it needs to be like this:
struct WebSiteWebView: UIViewRepresentable {
let url: URL
func makeUIView(context: Context) -> WKWebView {
WKWebView()
}
func updateUIView(_ uiView: WKWebView, context: Context) {
if uiView.url != url {
uiView.load(url)
}
}
}
Basically the WebSiteWebView struct can be recreated many times and your job is to update the WKWebView object with any change to the properties. updateUIView is called the first time and also any time the url changes.