La barre d'état du condensateur-JS se chevauche dans IOS

Question

J'utilise NuxtJS avec un condensateur. La barre d'état supérieure sur les appareils iOS se chevauche lorsque nous faisons défiler. J'ai également ajouté "ios": {"contentInset": "always"} dans Capacitor.config.json.

Bien que j'aie également inclus CSS, cela crée un espace supplémentaire en haut.

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

Answer 1

Cela peut être réalisé en ajoutant la ligne suivante dans le fichier 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;

Recherchez les fonctionnalités suivantes et mettez à jour. La fonction devrait ressembler à ceci

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
    }
}