Загружайте индикатор активности во время загрузки сайта в SwiftUI - PullRequest
Новая
       71

Загружайте индикатор активности во время загрузки сайта в SwiftUI

2 голосов
/ 22 февраля 2020

У меня есть список основных c, который отображает веб-просмотр. Я хочу добавить индикатор активности, который отображается во время загрузки веб-страницы. это код, который я создал. 

import SwiftUI
import WebKit

struct WebView: UIViewRepresentable {
    var url: String

    // makeUIView func
    func makeUIView(context: Context) -> WKWebView {

        guard let url = URL(string: self.url) else {
            return WKWebView()
        }

        let request = URLRequest(url: url)
        let wkWebView = WKWebView()
        wkWebView.load(request)
        return wkWebView
    }

    // updateUIView func
    func updateUIView(_ uiView: WKWebView, context: Context) {
    }

}


struct WebView_Preview: PreviewProvider {
    static var previews: some View {
        WebView(url: "https://www.google.com")
    }
}

Спасибо!

Ответы [ 2 ]

1 голос
/ 22 февраля 2020

Вот то, что должно делать то, что вы хотите. У WebView есть делегат в классе Coordinator. Он изменяет привязку, на которую ContentView может реагировать соответствующим образом. В настоящее время это просто текст, отображающий необработанное значение состояния, но его можно заменить индикатором активности некоторых типов. 

struct ContentView: View {
    @State var urlString = ""
    @State var workState = WebView.WorkState.initial

    var body: some View {
        VStack(spacing: 20) {
            WebView(urlString: self.$urlString, workState: self.$workState)

            Button("Play") {
                self.urlString = "https://www.example.com/"
            }
            Text("Current work = " + self.workState.rawValue)
        }
    }
}

struct WebView: UIViewRepresentable {
    enum WorkState: String {
        case initial
        case done
        case working
        case errorOccurred
    }

    @Binding var urlString: String
    @Binding var workState: WorkState

    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        webView.navigationDelegate = context.coordinator
        return webView
    }

    func updateUIView(_ uiView: WKWebView, context: Context) {
        switch self.workState {
        case .initial:
            if let url = URL(string: self.urlString) {
                uiView.load(URLRequest(url: url))
            }
        default:
            break
        }
    }

    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }

    class Coordinator: NSObject, WKNavigationDelegate {
        var parent: WebView

        func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
          self.parent.workState = .working
        }

        func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
            self.parent.workState = .errorOccurred
        }

        func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
            self.parent.workState = .done
        }

        init(_ parent: WebView) {
            self.parent = parent
        }
    }
}
1 голос
/ 22 февраля 2020

Вам нужно будет добавить Coordinator к вашему UIViewRepresentable.

Я думаю, что ответы на этот вопрос дают правильные идеи.

SwiftUI WKWebView обнаруживает изменение URL

...