0

On the iOS simulator and on native devices we are not able to prevent the statusbar of iOS to overlay with the app and change the style and background color of the statusbar. Right now we added the following lines to our config.xml in the cordova package: <preference name="StatusBarBackgroundColor" value="#000000" /> <preference name="StatusBarOverlaysWebView" value="false" /> <preference name="StatusBarStyle" value="lightcontent" />   Also after upgrading the cordova-plugin-statusbar plugin to the latest version nothing changes. Any thoughts? EDIT 06-12-2017: <?xml version='1.0' encoding='utf-8'?> <widget id="com.app.test" version="0.0.13" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0"> <name><!-- App Name --> </name> <description><!-- App Description --> </description> <preference name="phonegap-version" value="cli-7.0.1" /> <preference name="pgb-builder-version" value="1" /> <access origin="*" /> <preference name="StatusBarOverlaysWebView" value="false" /> <preference name="StatusBarStyle" value="default" /> <preference name="DisallowOverscroll" value="true" /> <preference name="webviewbounce" value="false" /> <preference name="iosPersistentFileLocation" value="Library" /> <preference name="KeyboardDisplayRequiresUserAction" value="false" /> <preference name="BackupWebStorage" value="none" /> <platform name="ios"> <preference name="deployment-target" value="11.0" /> <splash height="1024" src="res/ios/screen-ipad-portrait.png" width="768" /> <icon height="40" src="res/ios/icon-40.png" width="40" /> <icon height="80" src="res/ios/icon-40-2x.png" width="80" /> <icon height="167" src="res/ios/icon-83.5-2x.png" width="167" /> <splash height="750" src="res/ios/screen-iphone-landscape-667h.png" width="1334" /> <splash height="1242" src="res/ios/screen-iphone-landscape-736h.png" width="2208" /> <icon height="60" src="res/ios/icon-60.png" width="60" /> <icon height="72" src="res/ios/icon-72.png" width="72" /> <icon height="29" src="res/ios/icon-small.png" width="29" /> <icon height="120" src="res/ios/icon-60-2x.png" width="120" /> <icon height="144" src="res/ios/icon-72-2x.png" width="144" /> <splash height="960" src="res/ios/screen-iphone-portrait-2x.png" width="640" /> <splash height="640" src="res/ios/screen-iphone-landscape-2x.png" width="960" /> <splash height="1334" src="res/ios/screen-iphone-portrait-667h.png" width="750" /> <splash height="320" src="res/ios/screen-iphone-landscape.png" width="480" /> <splash height="1536" src="res/ios/screen-ipad-landscape-2x.png" width="2048" /> <icon height="152" src="res/ios/icon-76-2x.png" width="152" /> <icon height="50" src="res/ios/icon-50.png" width="50" /> <icon height="76" src="res/ios/icon-76.png" width="76" /> <splash height="480" src="res/ios/screen-iphone-portrait.png" width="320" /> <splash height="2048" src="res/ios/screen-ipad-portrait-2x.png" width="1536" /> <icon height="100" src="res/ios/icon-50-2x.png" width="100" /> <icon height="114" src="res/ios/icon-2x.png" width="114" /> <splash height="2208" src="res/ios/screen-iphone-portrait-736h.png" width="1242" /> <splash height="1136" src="res/ios/screen-iphone-portrait-568h-2x.png" width="640" /> <icon height="180" src="res/ios/icon-60-3x.png" width="180" /> <icon height="87" src="res/ios/icon-small-3x.png" width="87" /> <splash height="640" src="res/ios/screen-iphone-landscape-568h-2x.png" width="1136" /> <icon height="57" src="res/ios/icon.png" width="57" /> <icon height="58" src="res/ios/icon-small-2x.png" width="58" /> <splash height="768" src="res/ios/screen-ipad-landscape.png" width="1024" /> </platform> <preference name="android-build-tool" value="gradle" /> <preference name="CrosswalkAnimatable" value="true" /> <preference name="xwalkMultipleApk" value="true" /> <preference name="buildArchitecture" value="{{.}}" /> <preference name="android-targetSdkVersion" value="23" /> <platform name="android"> <icon density="ldpi" src="res/android/icon-36-ldpi.png" /> <splash density="land-xxxhdpi" src="res/android/screen-xxxhdpi-landscape.png" /> <splash density="port-xxxhdpi" src="res/android/screen-xxxhdpi-portrait.png" /> <icon density="mdpi" src="res/android/icon-48-mdpi.png" /> <splash density="port-ldpi" src="res/android/screen-ldpi-portrait.png" /> <splash density="land-hdpi" src="res/android/screen-hdpi-landscape.png" /> <splash density="port-xhdpi" src="res/android/screen-xhdpi-portrait.png" /> <splash density="land-ldpi" src="res/android/screen-ldpi-landscape.png" /> <splash density="port-xxhdpi" src="res/android/screen-xxhdpi-portrait.png" /> <icon density="xxxhdpi" src="res/android/icon-192-xxxhdpi.png" /> <splash density="land-mdpi" src="res/android/screen-mdpi-landscape.png" /> <splash density="land-xxhdpi" src="res/android/screen-xxhdpi-landscape.png" /> <splash density="port-mdpi" src="res/android/screen-mdpi-portrait.png" /> <icon density="hdpi" src="res/android/icon-72-hdpi.png" /> <icon density="xhdpi" src="res/android/icon-96-xhdpi.png" /> <icon density="xxhdpi" src="res/android/icon-144-xxhdpi.png" /> <splash density="land-xhdpi" src="res/android/screen-xhdpi-landscape.png" /> <splash density="port-hdpi" src="res/android/screen-hdpi-portrait.png" /> <icon density="ldpi" src="res/android/icon-36-ldpi.png" /> <splash density="land-xxxhdpi" src="res/android/screen-xxxhdpi-landscape.png" /> <splash density="port-xxxhdpi" src="res/android/screen-xxxhdpi-portrait.png" /> <icon density="mdpi" src="res/android/icon-48-mdpi.png" /> <splash density="port-ldpi" src="res/android/screen-ldpi-portrait.png" /> <splash density="land-hdpi" src="res/android/screen-hdpi-landscape.png" /> <splash density="port-xhdpi" src="res/android/screen-xhdpi-portrait.png" /> <splash density="land-ldpi" src="res/android/screen-ldpi-landscape.png" /> <splash density="port-xxhdpi" src="res/android/screen-xxhdpi-portrait.png" /> <icon density="xxxhdpi" src="res/android/icon-192-xxxhdpi.png" /> <splash density="land-mdpi" src="res/android/screen-mdpi-landscape.png" /> <splash density="land-xxhdpi" src="res/android/screen-xxhdpi-landscape.png" /> <splash density="port-mdpi" src="res/android/screen-mdpi-portrait.png" /> <icon density="hdpi" src="res/android/icon-72-hdpi.png" /> <icon density="xhdpi" src="res/android/icon-96-xhdpi.png" /> <icon density="xxhdpi" src="res/android/icon-144-xxhdpi.png" /> <splash density="land-xhdpi" src="res/android/screen-xhdpi-landscape.png" /> <splash density="port-hdpi" src="res/android/screen-hdpi-portrait.png" /> </platform> <splash src="splash.png" /> <engine name="ios" spec="~4.5.4" /> <plugin name="com.darktalker.cordova.screenshot" spec="0.1.6" /> <plugin name="com.telerik.plugins.nativepagetransitions" spec="0.6.5" /> <plugin name="cordova-build-architecture" spec="https://github.com/MBuchalik/cordova-build-architecture.git#v1.0.2" /> <plugin name="cordova-plugin-actionsheet" spec="2.3.3" /> <plugin name="cordova-plugin-android-permissions" spec="0.10.0" /> <plugin name="cordova-plugin-app-version" spec="0.1.8" /> <plugin name="cordova-plugin-battery-status" spec="1.1.2" /> <plugin name="cordova-plugin-console" spec="1.0.3" /> <plugin name="cordova-plugin-cookieemperor" spec="https://github.com/rtk/cordova-cookie-emperor.git" /> <plugin name="cordova-plugin-device" spec="1.1.2" /> <plugin name="cordova-plugin-dialogs" spec="1.2.1" /> <plugin name="cordova-plugin-file" spec="4.2.0" /> <plugin name="cordova-plugin-file-transfer" spec="1.5.1" /> <plugin name="cordova-plugin-globalization" spec="1.0.3" /> <plugin name="cordova-plugin-inappbrowser" spec="1.4.0" /> <plugin name="cordova-plugin-network-information" spec="1.2.1" /> <plugin name="cordova-plugin-secure-storage" spec="2.4.0" /> <plugin name="cordova-plugin-spinner" spec="1.1.0" /> <plugin name="cordova-plugin-splashscreen" spec="3.2.2" /> <plugin name="cordova-plugin-statusbar" spec="2.1.3" /> <plugin name="cordova-plugin-vibration" spec="2.1.1" /> <plugin name="cordova-plugin-zip" spec="3.1.0" /> <plugin name="cordova-plugin-whitelist" spec="1.2.2" /> <plugin name="cordova-sqlite-storage-pgb" spec="https://github.com/mendix/Cordova-sqlite-storage-pgb.git#storage-master" /> <plugin name="phonegap-plugin-push" spec="1.5.3" /> <plugin name="cordova-plugin-camera" spec="2.4.0" /> <plugin name="cordova-plugin-media-capture" spec="1.4.2" /> <plugin name="phonegap-plugin-barcodescanner" spec="6.0.5" /> <plugin name="cordova-plugin-geolocation" spec="2.2.0" /> <plugin name="cordova-plugin-media" spec="2.3.0" /> <plugin name="cordova-plugin-crosswalk-webview" spec="2.3.0" /> <plugin name="com.crosswalk.cookies" spec="https://github.com/dokoto/crosswalk-cookies.git" /> </widget>  

asked 2017-12-05

1 answers