我已经创建了这个问题的可重现性最低示例。
首先，我在WKWebView中创建了一个UIViewRepresentable，供SwiftUI使用。然后，我设置了一个WKUserContentController和一个WKWebViewConfiguration，以便WKWebView可以将消息发送到本机代码。在这种情况下，我有一个<textarea>通过输入发送其value。
通过WebKit发送的值被分配给@State变量，该变量导致视图更新。不幸的是，每当视图更新时，都会取消选择WKWebView。我该如何解决？在用户故意选择隐藏键盘之前，WKWebView需要保持选中状态。
这是正在发生的情况的最小示例：
import SwiftUI
import WebKit
struct WebView: UIViewRepresentable {
let html: String
let configuration: WKWebViewConfiguration
func makeUIView(context: Context) -> WKWebView {
.init(frame: .zero, configuration: configuration)
}
func updateUIView(_ webView: WKWebView, context: Context) {
webView.loadHTMLString(html, baseURL: nil)
}
}
struct ContentView: View {
final class Coordinator: NSObject, WKScriptMessageHandler {
@Binding var text: String
init(text: Binding<String>) {
_text = text
}
func userContentController(
_ userContentController: WKUserContentController,
didReceive message: WKScriptMessage
) {
guard let text = message.body as? String else { return }
self.text = text
}
}
@State var text = ""
var body: some View {
WebView(
html: """
<!DOCTYPE html>
<html>
<body>
<textarea>\(text)</textarea>
<script>
const textarea = document.querySelector('textarea')
textarea.oninput = () =>
webkit.messageHandlers.main.postMessage(textarea.value)
</script>
</body>
</html>
""",
configuration: {
let userContentController = WKUserContentController()
userContentController.add(Coordinator(text: $text), name: "main")
let configuration = WKWebViewConfiguration()
configuration.userContentController = userContentController
return configuration
}()
)
}
}
我建议（在这种情况下，我认为是最简单的）将处理事件更改为
textarea.onblur = () =>
webkit.messageHandlers.main.postMessage(textarea.value)
否则，需要进行复杂的重构才能使WK *实体脱离SwiftUI可表示包装器，或者更改模型以避免使用@State或导致视图重建的任何方法，或两者兼而有之。