Barre d'état sur la couleur d'arrière-plan iOS

J'ai du mal à 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 à leur réglage par défaut, mais je reçois une couleur de fond blanche pour une raison quelconque. Comment puis-je définir la couleur de fond à transplanter, bien que ce soit la valeur par défaut de toute façon.

ios-statusbar

Ok donc après avoir fait reference à:

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" /> 

Comme maintenu par luckystarr . Plugin cordova-plugin-statusbar vous aidera à réaliser ce que vous voulez faire.

Après avoir ajouté le plugin append la preference suivante dans config.xml pour get le fond noir

 <preference name="StatusBarBackgroundColor" value="#000000" /> 

Pour changer la couleur des icons et du text 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 devriez également le mettre à jour vers la dernière version (2.3.0 vient de sortir). 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 WebView lorsque vous comstackz les applications avec iOS 11 SDK (il n'apparaîtra pas si vous utilisez Xcode 8 car il utilise SDK 10) . viewport-fit=cover est le path à parcourir pour supprimer cette fausse barre d'état.