ios - WKWebView 页面进入透明状态栏

Question

我想创建一个 ios 应用程序，它只加载我的移动设备友好的网站。我有以下代码:

import UIKit
import WebKit

class ViewController: UIViewController, WKUIDelegate {
    var webView: WKWebView!

    override func loadView() {
        let webConfiguration = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: webConfiguration)
        webView.scrollView.isScrollEnabled = true
        webView.scrollView.bounces = false
        webView.uiDelegate = self

        view = webView
    }
    override func viewDidLoad() {
        super.viewDidLoad()

        let myURL = URL(string: "https://google.com")
        let myRequest = URLRequest(url: myURL!)
        webView.load(myRequest)
    }
}

现在我面临的问题是，当您向下滚动页面时，某些部分会显示在状态栏下方，我最好不要这样。我该如何解决这个问题？

Answer 1

我为此苦苦挣扎了大约一个小时!这是解决方案，既好又简单 (Xcode9)。

1. 创建一个 View (它将保持为空)并确保这个新 View 在您的主视图中，您可以将它拖到导航栏下方。
2. 删除您之前可能设置的任何限制。拖动 web View ，使其也在您的主视图中，并确保它位于您刚创建的新 View 的下方。
3. 选择新 View 并单击“添加新约束”，顶部必须为-20，左侧为0，右侧为0，底部不要添加。将高度设置为 20，然后单击“添加约束”。顶部的负数 20 非常重要。
4. 选择您的 WebView 并添加如下约束:顶部 0、左侧 0、右侧 0、底部 0。

您的 webview 现在只会在您创建的新 View 后 20 点开始，因此它永远不会重叠。

希望对您有所帮助!