Status bar different after updating libraries

[Ellen Schlechter]

I made the jump from library version 2.3 to 3.1. In 2.3, I had it figured out how to have the status bar look like an extension of the header...off-white with black text.

Now after upgrading, the config.xml file has changed.
Before, I simply added this:

And made sure other preferences matched this:

Now with that same implementation, it doesn't result in the same thing. Instead everything is shifted up and the header overlaps the status bar a little.

Attached are two pictures. The first is how it should be. The second is how it is instead.

\

[Illya Stepanov]

Hi Ellen -

Could you please post here the code that you've been using, in your initial post it didn't showed up.

[Ellen Schlechter]

​I changed the values of these preferences to equal what they equal now.
pre

/pre

I added these:
pre/
//pre

[Illya Stepanov]

Ellen, please use tags for posting code:
precode<pre></pre>/code/pre

[Illya Stepanov]

and put inside them:
precode<pre><code>/code/pre

[Ellen Schlechter]

​I changed the values of these preferences to equal what they equal now.
pre/pre
pre/pre
pre/pre

I added these:
pre/pre
pre/pre

[Ellen Schlechter]

[Ellen Schlechter]

I added this:
precode​
<preference name="DisallowOverscroll" value="true" />
<preference name="webviewbounce" value="false" />
/code​/pre

​And changed the preferences there to have these values.
precode
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#fefefe" />
<preference name="StatusBarStyle" value="default" />
/code/pre

[Illya Stepanov]

Ellen - I'm giving you an update here -- we are testing this case but this will take some time.

[Illya Stepanov]

I've checked this, and as I understand you were using this as a workaround for the previous iOS version which has issues with iOS Status Bar in hybrid apps.

At this point for newer iOS version and new Appery builder:

• you can use this plugin: https://github.com/apache/cordova-plu...

  after connecting it in the builder run following JS on a device ready event:
  preStatusBar&#46;overlaysWebView(false);
  StatusBar&#46;backgroundColorByHexString("#FEFEFE");
  StatusBar&#46;styleDefault();/pre

• and edit config.xml file in the very end of your app development step, with just this:
  precode<preference name="DisallowOverscroll" value="true" />/code/pre