Barre d'état sur la couleur d'arrière-plan iOS
J'ai de la difficulté à définir la couleur d'arrière-plan de la barre d'état iOS sur transparent. J'utilise la dernière version de cordova statusbar et ionic, et je laisse tout le réglage par défaut, mais je reçois un fond blanc pour une raison quelconque. Comment puis-je définir la couleur d'arrière-plan pour la transplantation, i si c'est la valeur par défaut de toute façon.
Bon alors après avoir parlé de:
Le problème se produit dans iOS 11 et cordova-ios-4.5.0 et est simplement résolu en ajoutant la valeur de couverture à viewport-fit comme suit dans votre index.html
<meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
Tel que maintenu par luckystarr . Plugin cordova-plugin-statusbar vous aidera à réaliser ce que vous voulez faire.
Après avoir ajouté le plugin, ajoutez la préférence suivante dans config.xml pour obtenir un fond noir.
<preference name="StatusBarBackgroundColor" value="#000000" />
Pour changer la couleur des icônes et du texte dans la barre d'état, vous pouvez utiliser
<preference name="StatusBarStyle" value="lightcontent" />
Les valeurs disponibles sont default, lightcontent, blacktranslucent, blackopaque.
Si vous utilisez le plugin statusbar, vous devez également le mettre à jour avec la dernière version (la version 2.3.0 vient de paraître). Cette nouvelle version du plugin gère l’encoche de l’iPhone X.
BTW, le problème n'a rien à voir avec la version de cordova-ios, c'est une nouvelle "fonctionnalité" de la WebView lorsque vous compilez les applications avec le SDK iOS 11 (il n'apparaîtra pas si vous utilisez Xcode 8 comme il utilise SDK 10) . viewport-fit=cover est la solution pour supprimer cette fausse barre d'état.