- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我尝试就此事搜索数周,但找不到在 SwiftUI 中实现的任何帮助。大多数答案都是针对 UIKit 的。
struct ContentView: View {
@State private var progress: Double = 0.0
var body: some View {
VStack {
WebView()
ProgressView(value: progress)
.progressViewStyle(.linear)
}
}
}
struct WebView: UIViewRepresentable {
func makeUIView(context: Context) -> WKWebView {
let webView = WKWebView()
webView.load(URLRequest(url: URL(string: "https://www.apple.com")!))
return webView
}
func updateUIView(_ uiView: WKWebView, context: Context) {
}
}
最佳答案
因为您正在使用 UIViewRepresentable
来包装 WKWebView
,所以您需要使用 UIKit
解决方案。
我们可以使用键值观察 (KVO) 跟踪 WKWebView
的 estimatedProgress。为此,我们需要向我们的 WebView
添加一个协调器。
仅仅添加协调器是不够的,我们需要一种方法将值从 UIViewRepresentable
传递回 View
。我们可以使用 @Binding
或闭包来完成此操作,但这会在更新 View 时导致以下错误:
Warning: Modifying state during view update, this will cause undefined behavior.
“hacky”解决方案是使用 DispatchQueue.main.async
包装绑定(bind)的 progress
变量的设置,但这不是一个好的解决方案。
解决此问题的更好方法是创建一个符合 ObservableObject
的简单 ViewModel。
这给出了以下代码:
struct ContentView: View {
@StateObject var viewModel = WebView.ProgressViewModel(progress: 0.0)
var body: some View {
VStack {
WebView(url: URL(string: "https://www.apple.com")!, viewModel: viewModel)
ProgressView(value: viewModel.progress)
.progressViewStyle(.linear)
}
}
}
ContentView
现在持有对 ProgressViewModel
的引用,它与 URL 一起传递给 WebView
。 ProgressView
从 ProgressViewModel
传递 @Published
进度。
struct WebView: UIViewRepresentable {
let url: URL
@ObservedObject var viewModel: ProgressViewModel
private let webView = WKWebView()
func makeUIView(context: Context) -> WKWebView {
webView.load(URLRequest(url: url))
return webView
}
func updateUIView(_ uiView: WKWebView, context: Context) {
}
}
除了我们传递的是 URL
和 ProgressViewModel
之外,这与您的 UIViewRepresentable
没有太大区别。我们还在 makeUIView
中提出了 webView 的初始化,这样我们就可以在 Coordinator
中访问它。
extension WebView {
func makeCoordinator() -> Coordinator {
Coordinator(self, viewModel: viewModel)
}
class Coordinator: NSObject {
private var parent: WebView
private var viewModel: ProgressViewModel
private var observer: NSKeyValueObservation?
init(_ parent: WebView, viewModel: ProgressViewModel) {
self.parent = parent
self.viewModel = viewModel
super.init()
observer = self.parent.webView.observe(\.estimatedProgress) { [weak self] webView, _ in
guard let self = self else { return }
self.parent.viewModel.progress = webView.estimatedProgress
}
}
deinit {
observer = nil
}
}
}
WebView
上的这个扩展创建了协调器,它继承自 NSObject
。它包含对父级、WebView
和 viewModel 的引用。我们在初始化程序中设置了一个 KVO 观察器,用于观察 webView 上的 estimatedProgress
,这使我们能够更新 viewModel 上的进度值。
extension WebView {
class ProgressViewModel: ObservableObject {
@Published var progress: Double = 0.0
init (progress: Double) {
self.progress = progress
}
}
}
最后,这是将 UIViewRepresentable
和 View
联系在一起的 ProgressViewModel
。
你可以看到它的视频here
关于swift - 如何在 swiftUI 中以线性样式 ProgressView 显示 WKWebView 的估计进度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70300114/
我遇到了死胡同。我只是想不出在用户关闭应用程序后恢复 WKWebView 的方法。当他重新打开它时,他访问过的所有网页都必须在那里。 有什么建议吗? 最佳答案 All the web pages he
有没有办法让 WKWebView 加载完整的 URL对于每个请求? webView:didFinishNavigation: 仅适用于 mainFrame导航并且不提供 URL 请求参数。 我如何获得
我想复制 Facebook 应用程序的行为,当您单击外部链接时,它会在新浏览器中打开(但它不在 Safari 中)。 我目前有一个加载我的网站的 WKWebView。我可以在点击事件中捕获用户并打开它
我正在尝试将所有加载的数据从一个 WKWebView 复制到一个新的 WKWebView 以便在新的 webView 加载时加载所有内容提出了。关于如何执行此操作或对此的最佳方法有何建议? 最佳答案
WKWebView 允许您通过 Safari 打开外部链接(与基本 url 不同的链接)。 但是,有时您想打开 WKWebView 本身内的所有链接. 例如,假设您有一个基本网址 "https://t
我已经发布了我使用的委托(delegate)方法,如果没有按钮操作事件,我如何使用 javascript 添加该事件。我如何在我的 View Controller 中使用功能主义者。 func web
我正在制作一个应用程序,用户可以在其中单击一个按钮以禁用所有 JavaScript 在下一个页面加载时(而不是重新启动应用程序才能生效)。我尝试了以下代码,但首选项没有保存。 JavaScript 在
我知道我们可以初始化一个 UIWebView 或 WKWebView 然后注入(inject) JavaScript 来获取 navigator.userAgent 的值,但是这需要初始化UIWebV
目标:网站加载完成后对WKWebView进行截图 采用的方法: 在 UIViewController 中定义了一个 WKWebView 变量 创建了一个名为 screen capture() 的扩展方
服务人员在 WKWebView 中可用在 iOS 11.3 测试版中,但似乎在 iOS 11.3 的最终 GM 版本中不可用。 有谁知道如何在 WKWebView 中重新启用 Service Work
我有 44 个 UIButtons,每个按钮都应该连接到带有本地 html 的 wkwebview 的 vc。 有没有办法在一个 vc 中实现所有 44 个按钮? 这是 wkwebview 示例 vc
我正在尝试在 App WebView 中实现“真正的”全屏,这意味着无论如何我都希望网页内容完全显示在屏幕下方。 这是我面临的当前情况,当将 WebView 构建到 superviews 边界时: 红
我正在尝试使用带有单个按钮的简单 WKWebView,单击该按钮后应通过 JavaScript 回调到 Swift。但是,我在 Xcode 控制台中看到以下日志,并且 View 加载了空的 WKWeb
我正在尝试使用带有单个按钮的简单 WKWebView,单击该按钮后应通过 JavaScript 回调到 Swift。但是,我在 Xcode 控制台中看到以下日志,并且 View 加载了空的 WKWeb
我正在使用一个 MacOS 应用程序,它需要使用 WKUserScript 功能将消息从网页发送回 MacOS 应用程序。我正在处理文章 https://medium.com/capital-one-
对于UIWebView,我们可以通过以下方式获取内容高度: [webView stringByEvaluatingJavaScriptFromString:@"document.body.offset
优化背景 众所周知,H5 的部分优势(开发快,迭代快,热更新)是很明显的,公司客户端的部分业务都是由 H5 来实现的,网络好的情况下体验也是很不错的 但是其实 H5 的体验是比原生
由于Xcode8发布之后,编译器开始不支持iOS 7了,这样我们的app也改为最低支持iOS 8.0,既然需要与web交互,那自然也就选择使用了 iOS 8.0之后 才推出的新控件 WKWebVie
下图中的这个“up up up up”是使用wkwebview加载的html字符串 webView?.loadHTMLString((currentLock?.text)!, baseURL: nil
我的应用程序有 1 个 ViewController,它加载一个使用 Auth0 处理登录的网络应用程序 url。在 iOS 13.3 中,webView 已停止在登录后加载其他页面。 但是,当我尝试
我是一名优秀的程序员,十分优秀!