7 Replies Latest reply on Jun 16, 2016 10:39 PM by alexeyk38077239

    Status bar is not shown in testflight

    alexeyk38077239

      I have a simple app. Status bar is shown when I install developers' builds, but when I started to test via apple's testflight my status par is just white, no text.

       

      I have these settings is config.xml

      <preference name="StatusBarOverlaysWebView" value="false" /><preference name="StatusBarStyle" value="lightcontent" />

      <plugin name="cordova-plugin-statusbar" version="1.0.1"/>

        • 1. Re: Status bar is not shown in testflight
          kerrishotts Adobe Community Professional

          Can you share your entire config.xml (minus identifying information)? It's possible another preference or plugin is getting in the way.

           

          Also, verify that the build you're submitting to test flight has the same preferences present.

          • 2. Re: Status bar is not shown in testflight
            alexeyk38077239 Level 1

            <?xml version='1.0' encoding='utf-8'?>

            <widget id="test.test" version="1.1.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">

                <content src="index.html" />

                <preference name="permissions" value="none" />

                <preference name="orientation" value="default" />

                <preference name="target-device" value="universal" />

                <preference name="fullscreen" value="true" />

                <preference name="webviewbounce" value="true" />

                <preference name="prerendered-icon" value="true" />

                <preference name="stay-in-webview" value="false" />

                <preference name="ios-statusbarstyle" value="black-opaque" />

                <preference name="detect-data-types" value="true" />

                <preference name="exit-on-suspend" value="false" />

                <preference name="show-splash-screen-spinner" value="false" />

                <preference name="auto-hide-splash-screen" value="true" />

                <preference name="disable-cursor" value="false" />

                <preference name="android-minSdkVersion" value="14" />

                <preference name="android-installLocation" value="auto" />

                <preference name="StatusBarOverlaysWebView" value="false" />

                <preference name="StatusBarStyle" value="lightcontent" />

                <gap:plugin name="org.apache.cordova.battery-status" />

                <gap:plugin name="org.apache.cordova.camera" />

                <gap:plugin name="org.apache.cordova.media-capture" />

                <gap:plugin name="org.apache.cordova.console" />

                <gap:plugin name="org.apache.cordova.contacts" />

                <gap:plugin name="org.apache.cordova.device" />

                <gap:plugin name="org.apache.cordova.device-motion" />

                <gap:plugin name="org.apache.cordova.device-orientation" />

                <!--<gap:plugin name="org.apache.cordova.dialogs" />-->

                <gap:plugin name="org.apache.cordova.dialogs" />

                <gap:plugin name="org.apache.cordova.file" />

                <gap:plugin name="org.apache.cordova.file-transfer" />

                <gap:plugin name="org.apache.cordova.geolocation" />

                <gap:plugin name="org.apache.cordova.globalization" />

                <gap:plugin name="org.apache.cordova.inappbrowser" />

                <gap:plugin name="org.apache.cordova.media" />

                <gap:plugin name="org.apache.cordova.network-information" />

                <gap:plugin name="org.apache.cordova.splashscreen" />

                <gap:plugin name="org.apache.cordova.vibration" />

                <icon src="icon.png" />

                <icon gap:platform="android" gap:qualifier="ldpi" src="res/icon/android/icon-36-ldpi.png" />

                <icon gap:platform="android" gap:qualifier="mdpi" src="res/icon/android/icon-48-mdpi.png" />

                <icon gap:platform="android" gap:qualifier="hdpi" src="res/icon/android/icon-72-hdpi.png" />

                <icon gap:platform="android" gap:qualifier="xhdpi" src="res/icon/android/icon-96-xhdpi.png" />

                <icon gap:platform="blackberry" src="res/icon/blackberry/icon-80.png" />

                <icon gap:platform="blackberry" gap:state="hover" src="res/icon/blackberry/icon-80.png" />

                <icon gap:platform="ios" height="57" src="res/icon/ios/icon-57.png" width="57" />

                <icon gap:platform="ios" height="72" src="res/icon/ios/icon-72.png" width="72" />

                <icon gap:platform="ios" height="76" src="res/icon/ios/icon-76.png" width="76" />

                <icon gap:platform="ios" height="114" src="res/icon/ios/icon-57-2x.png" width="114" />

                <icon gap:platform="ios" height="120" src="res/icon/ios/icon-120.png" width="120" />

                <icon gap:platform="ios" height="144" src="res/icon/ios/icon-72-2x.png" width="144" />

                <icon gap:platform="ios" height="152" src="res/icon/ios/icon-152.png" width="152" />

                <icon gap:platform="webos" src="res/icon/webos/icon-64.png" />

                <icon gap:platform="winphone" src="res/icon/windows-phone/icon-48.png" />

                <icon gap:platform="winphone" gap:role="background" src="res/icon/windows-phone/icon-173-tile.png" />

                <gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="res/screen/android/screen-ldpi-portrait.png" />

                <gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="res/screen/android/screen-mdpi-portrait.png" />

                <gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="res/screen/android/screen-hdpi-portrait.png" />

                <gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="res/screen/android/screen-xhdpi-portrait.png" />

                <gap:splash gap:platform="blackberry" src="res/screen/blackberry/screen-225.png" />

                <gap:splash gap:platform="ios" height="480" src="res/screen/ios/screen-iphone-portrait.png" width="320" />

                <gap:splash gap:platform="ios" height="960" src="res/screen/ios/screen-iphone-portrait-2x.png" width="640" />

                <gap:splash gap:platform="ios" height="1136" src="res/screen/ios/screen-iphone-portrait-568h-2x.png" width="640" />

                <gap:splash gap:platform="ios" height="1024" src="res/screen/ios/screen-ipad-portrait.png" width="768" />

                <gap:splash gap:platform="ios" height="768" src="res/screen/ios/screen-ipad-landscape.png" width="1024" />

                <gap:splash gap:platform="winphone" src="res/screen/windows-phone/screen-portrait.jpg" />

                <access origin="*" />

                <plugin name="cordova-plugin-whitelist" version="1" />

                <plugin name="cordova-plugin-dialogs" version="1" />

                <plugin name="cordova-plugin-statusbar" version="1.0.1"/>

                <allow-intent href="http://*/*" />

                <allow-intent href="https://*/*" />

                <allow-intent href="tel:*" />

                <allow-intent href="sms:*" />

                <allow-intent href="mailto:*" />

                <allow-intent href="geo:*" />

                <platform name="android">

                    <allow-intent href="market:*" />

                </platform>

                <platform name="ios">

                    <allow-intent href="itms:*" />

                    <allow-intent href="itms-apps:*" />

                </platform>

                <engine name="android" spec="~4.1.1" />

            </widget>

            • 3. Re: Status bar is not shown in testflight
              kerrishotts Adobe Community Professional

              I'm seeing some competing values in your config.xml, so I'm guessing that's why things are being funky.

               

              For example:

               

                  <preference name="ios-statusbarstyle" value="black-opaque" />
                  <preference name="StatusBarStyle" value="lightcontent" />
              

               

              Also, the status bar is now at version 2.1.3 now, so I'd change your plugin to:

               

                  <plugin name="cordova-plugin-statusbar" spec="2.1.3"/>
              

               

              Also, since you're specifying "lightcontent", you're going to get white text. If you don't change the background color of the status bar, you're going to get a solid white bar. So either specify "default" for "StatusBarStyle" or specify a background color, like below. Don't forget that if you change the background color, you may need to reevaluate your status bar style.

               

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

               

              Also, you're using old-style plugin, icon, and splash tags. Take a look at the PhoneGap Build documentation for each to see how they should be updated, especially in the case of plugins, since you're going to be getting older versions:

               

              1 person found this helpful
              • 4. Re: Status bar is not shown in testflight
                alexeyk38077239 Level 1

                Thank you.

                 

                About competing values. As I understand "ios-statusbarstyle" is native phonegap. It was there with generated project. And "StatusBarStyle" was set by me for plugin.

                 

                Which one is better to use?

                • 5. Re: Status bar is not shown in testflight
                  alexeyk38077239 Level 1

                  And one more issue with status bar.

                   

                  If do like you suggested, all items are bit bigger than on device home screen. Either font is bigger or some resolution issue

                  • 6. Re: Status bar is not shown in testflight
                    kerrishotts Adobe Community Professional

                    I'd use the StatusBarStyle preference, since that's what the plugin is going to care about.

                     

                    Can you share a screenshot so I can see what you mean by that last message? What device(s) are you testing on? Generally, though, this will be down to an incorrect or missing launch image in the config.xml file -- and AFAICT, you don't have any launch images for the iPhone 6/6s or 6+/6s+. The documentation I linked prior has examples on how that should look in your config.xml file.

                    1 person found this helpful
                    • 7. Re: Status bar is not shown in testflight
                      alexeyk38077239 Level 1

                      Thank you, yes it was due to missing splash screen