iOS：使 WebView 全屏（隐藏主页按钮后面的白色背景）

Question

iOS 开发新手。

ContentView.swift：

struct ContentView: View {
    var body: some View {
         WebView(url: "https://www.stackoverflow.com")
    }
}

WebView.swift：

struct WebView: UIViewRepresentable {
    
    var url: String
    
    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)
        wkWebView.allowsBackForwardNavigationGestures = true
        return wkWebView
    }
    
    func updateUIView(_ uiView: WKWebView, context: UIViewRepresentableContext<WebView>) {
      
    }
}

导致主页按钮指示器后面出现白条：

如何使 webview 全屏显示，以便主页按钮后面不再有白条？

Answer 1

您需要将 WebView 的底部空间设置为安全区域而不是 Superview 选择在此处查看

storyboard example

对于 SwiftUI 版本就可以了

struct ContentView: View {
    var body: some View {
         WebView(url: "https://www.stackoverflow.com")
         .edgesIgnoringSafeArea([.bottom])
    }
}