Meteor App & iOS Status Bar

Question

I have a Meteor app on iOS and I have trouble specifying the behavior of the Status bar. Currently, the top of the app and the iOS status bar merge, and I'd like them not to:

I've tried :

App.setPreference('StatusBarOverlaysWebView', 'false');

in my settings.json file to no avail. The built config.xml file shows :

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

Answer 1

You can use the Cordova StatusBar plugin for Meteor.

When you install the plugin just add the following code:

Meteor.startup(function () {
   if(Meteor.isCordova){
       StatusBar.hide();
   }
});