ios - WKWebView 不显示导航栏

Question

我在 SwiftUI 中有一个 View ，显示一个 WKWebView，它使用 UIViewControllerRepresentable 类传递到主 ContentView，按照 Paul Huson's 'Creating a simple browser with WKWebView 中的说明实现。 。但是，当我在模拟器中加载应用程序时，似乎没有导航栏。

这是我的代码:

ContentView 和 BrowserView

struct ContentView: View {

    let browserView = BrowserView()
    var body: some View {
        browserView
    }
}

struct BrowserView: UIViewControllerRepresentable {

    func makeUIViewController(context: UIViewControllerRepresentableContext<BrowserView>) -> WKBrowser {
        let browser = WKBrowser()
        return browser
    }

    func updateUIViewController(_ uiViewController: WKBrowser, context: UIViewControllerRepresentableContext<BrowserView>) {
        // Empty
    }

}

WKBrowser 类

class WKBrowser: UIViewController, WKNavigationDelegate {

    var webView: WKWebView!

    var webURL = URL(string: "https://www.hackingwithswift.com")!

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

    override func viewDidLoad() {
        super.viewDidLoad()
        webView.load(URLRequest(url: webURL))
    }
}

结果:

与教程中的 WKWebView 相比，它具有导航栏，如下所示:

我必须添加或编辑什么才能确保导航栏出现？

编辑 2020 年 5 月 19 日:

我想通过添加到 viewDidLoad 的 navigationItem.rightBarItem 函数将项目添加到导航栏，如下所示:

override func viewDidLoad() {
    super.viewDidLoad()
    webView.load(URLRequest(url: webURL))
    navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Open", style: .plain, target: self, action: #selector(someFunction)
}

@objc func someFunction(){
    // Do something
}

最佳情况下，结果看起来类似于 SFSafariViewController:

但是当我将 UIViewRepresentable 类包装在 NavigationView 中时，这些项目不会添加到出现的导航栏中，而是得到以下结果:

Answer 1

其实你有一个更简单的方法。

首先包装一个 WebView :

struct WebView: UIViewRepresentable {
    var url: URL
    
    func makeUIView(context: Context) -> WKWebView {
        return WKWebView()
    }

    func updateUIView(_ webView: WKWebView, context: Context) {
        let request = URLRequest(url: url)
        webView.load(request)
    }
}

然后你可以将 WebView 放入 VStack 中，这将使 UIView 像 SwiftUI 组件一样。一切正常!

   var body: some View {
        NavigationView {
            VStack {
                WebView(url: someURL)
            }
            .toolbar {
               // buttons here ....
            }
        }
   }

太棒了!