Swift WKWebView 加载网页或者本地文件

Swift 入门

和同事联调 Webview 的 H5 页面，自己简单学习了一下

• https://developer.apple.com/tutorials/swiftui
• https://codewithchris.com/swift-tutorial-complete/
• https://www.swift.org/getting-started/

WKWebView 加载网页或者本地文件

最有帮助的是这篇文章

• https://stackoverflow.com/questions/66627051/simplest-webview-app-in-ios-fail-to-run

其他参考文章

• https://stackoverflow.com/questions/26647447/load-local-html-into-uiwebview-using-swift
• https://developer.apple.com/documentation/webkit/wkwebview
• https://medium.com/macoclock/creating-a-simple-browser-for-ios-using-wkwebview-with-swift-95688acd04b9

参考项目，下载下来直接跑

• https://github.com/mmafrar/swift-ios-wkwebview-demo

代码

webviewApp.swift

import SwiftUI

@main
struct webviewApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

ContentView.swift

import SwiftUI
import WebKit
class WebViewController: UIViewController, WKNavigationDelegate {
    var webView: WKWebView!

    override func loadView() {
        webView = WKWebView()
        webView.navigationDelegate = self
        view = webView
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        // let myURL = URL(string:"https://www.apple.com")
        let url = Bundle.main.url(forResource: "index", withExtension: "html")!
        webView.load(URLRequest(url: url))
    }
}

struct WebView_UI: UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> some UIViewController {
        let vc = WebViewController()
        return vc
    }
    func updateUIViewController(_ uiViewController: UIViewControllerType, context: Context) {
    }
}

struct ContentView: View {
    var body: some View {
        ScrollView{
            Text("Header").padding()
            WebView_UI()
                .frame(height: 200.0)
            Text("WxWebView").padding()
            WebView_UI()
                .frame(height: 1200.0)
            Text("Footer").padding()
        }
        .frame(height: 350)

    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}