Bar status Capacitor-JS bertindih dalam IOS

Question

Saya menggunakan NuxtJS dengan kapasitor. Bar status teratas pada peranti iOS bertindih apabila kami menatal. Saya juga menambah "ios": {"contentInset": "always"} dalam Capacitor.config.json.

Walaupun saya turut sertakan CSS, ia mewujudkan ruang tambahan di bahagian atas.

body {
   padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
     env(safe-area-inset-left);
 }

P粉198670603 · Answer

Ini boleh dicapai dengan menambah baris berikut dalam fail CAPViewBridgeController

webView?.frame.origin = CGPoint(x: 0, y: UIApplication.shared.statusBarFrame.size.height)

webView?.frame.size.height = UIScreen.main.bounds.size.height - UIApplication.shared.statusBarFrame.size.height;

Cari ciri dan kemas kini berikut. Fungsi sepatutnya kelihatan seperti ini

extension CAPBridgeViewController: CAPBridgeDelegate {
    internal var bridgedWebView: WKWebView? {
        webView?.frame.origin = CGPoint(x: 0, y: UIApplication.shared.statusBarFrame.size.height)
        webView?.frame.size.height = UIScreen.main.bounds.size.height - UIApplication.shared.statusBarFrame.size.height;
        return webView
    }

    internal var bridgedViewController: UIViewController? {
        return self
    }
}