WKWebView未显示导航栏

问题描述 投票:0回答:1

[我在SwiftUI中有一个视图,显示了一个WKWebView,该视图使用UIViewControllerRepresentable类传递给了主ContentView,该类是按照Paul Huson's 'Creating a simple browser with WKWebView的指令实现的。但是,当我在模拟器中加载应用程序时,似乎没有导航栏。

这是我的代码:

ContentViewBrowserView

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类(2020年5月19日编辑)

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))
        navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Open", style: .plain, target: self, action: #selector(someFunction)
    }

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

}

结果:

The WKWebView

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

enter image description here

为了确保显示导航栏,我必须添加或编辑什么?

编辑05/19/2020:

我想通过navigationItem.rightBarItem功能将项目添加到导航栏,并添加到viewDidLoad,如下所示:

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
}

[将UIViewRepresentable类包装在NavigationView中时,这些项目不会添加到显示的导航栏中。

swift swiftui wkwebview
1个回答
0
投票
完成后,您还可以使用在NavigationView的“}”添加的类似代码来个性化NavigationBar:

.navigationBarTitle("NavigationBar", displayMode: .inline)

© www.soinside.com 2019 - 2024. All rights reserved.