Problems with PhoneGap build

[bappelt]

I am having trouble with the StatusBar plugin when my app is built using PhoneGap build. I have the following in my config.xml

  <gap:plugin name="com.phonegap.plugin.statusbar" version="1.1.0" />

    <feature name="StatusBar">
      <param name="ios-package" value="CDVStatusBar" onload="true" />
    </feature>

The status bar looks good when I build my app locally, but when I use PhoneGap build, I think it is displayed as black on black because I can see part of the battery level indicator if it turns red, but otherwise I see a black bar.

I am using PhoneGap v3.4.

[sfentress]

I see the same thing using PhoneGap-Build. I also do not seem to have access to the StatusBar JavaScript object, so cannot hide the status-bar or change its color.

This makes it impossible for us to continue using PhoneGap-Build. I assume we have to switch to command-line Cordova.

[lance-anderson]

+1

I'm experiencing the same issue. I've tried numerous different settings in my config.xml with no luck.

All I get is black on black with no access to the StatusBar object in javascript.

I had some success getting the cordova status bar plugin to work:

However I can't seem to figure out how to get white text with that plugin.

[xypaul]

Same here. Some help would be highly apprechiated :+1:

[miemo]

Can indeed verify this issue here as well. And there are multiple reports about this very same thing on the issues list, earliest ones from last spring, i.e. almost half a year ago. To spell it out: the plugin HASN'T ESSENTIALLY WORKED AT ALL FOR HALF A YEAR on Phonegap Build. And this one is created by Adobe, WTH???

While I would very much like to like Phonegap Build, it's exactly these kind of things that make me lose my nerves again and again.

(And yes, the JS object is available and configurable on 1.0.1 but then again that version has a very nasty viewport height bug, which e.g. renders using "bottom: 0" CSS-properties and other similar positioning useless without some ugly hacks)

[miemo]

BTW, the only temporary fix I found thus far to make things appear at least somewhat good looking was to hide the status bar completely with these on config.xml

<gap:config-file platform="ios" parent="UIStatusBarHidden">
    <true/>
</gap:config-file>

<gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance">
    <false/>
</gap:config-file>

…but totally removing the status bar is of course not a very nice solution for most cases.

[xypaul]

@miemo thanks for the update.

this is a really annoying issue. please someone look into this.

[radumvlad]

At first I was doing something wrong(so I found this issue), I'm not sure what. After that I tried this

StatusBar.overlaysWebView(false);
StatusBar.styleLightContent();
StatusBar.backgroundColorByName("black");

and it worked. Also, in config I only have

<gap:plugin name="com.phonegap.plugin.statusbar" version="1.1.0" />

I have iPhone 4s with last 7.* iOs version