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

Question

iOS 开发新手。

ContentView.swift:

struct ContentView: View {
    var body: some View {
         WebView(url: "https://www.whosebug.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 的底部 space 设置为 Superview 而不是安全区域 Select 在这里查看

storyboard example

对于 SwiftUI 版本只做

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

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

iOS: Make WebView fullscreen (hide white background behind home button)

ios

xcode

webview

wkwebview

home-button