WKWebView 顶部和底部滚动填充

Question

我是 iOS 开发新手，我正在尝试使用 WKWebView 加载网站。然而，我在视图的顶部得到了意想不到的边距。当我滚动浏览网页时，边距会被填满，但是当我到达页面末尾时，底部会出现相同的间隙。我尝试了

edgesIgnoringSafeArea(.all)

但仍然是同样的问题。

如何使 WebView 完全全屏？

这是代码：

import SwiftUI

struct ContentView: View {
    var body: some View {
        WebView(url: URL(string: "https://google.com")!)
            .edgesIgnoringSafeArea(.all) // Makes the WebView full-screen
    }
}


#Preview {
    ContentView()
}

import SwiftUI
import WebKit

struct WebView: UIViewRepresentable {
    let url: URL
    
    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        webView.allowsBackForwardNavigationGestures = true
        webView.scrollView.isScrollEnabled = true
        webView.scrollView.backgroundColor = .red
        return webView
    }
    
    func updateUIView(_ webView: WKWebView, context: Context) {
        let request = URLRequest(url: url)
        webView.load(request)
    }
}

Answer 1

顶部和底部填充物是安全的填充物。如果您想从 Web 视图中删除安全区域，请将以下代码添加到您的 Web 视图初始化中

webView.scrollView.contentInsetAdjustmentBehavior = .never