Status Bar Removal for iOS and Android

[Ray]

Ok guys here is something I STILL can't just get quite right.

I want the Status Bar Action Bar everything gone, so my app is full screen.

Sounds simple.

So I add the Cordova StatusBar Plugin

I'm using Ionic Framework (AngularJS) so I add StatusBar.hide(); to .run

For Android I go to the config.xml and add <preference name="fullscreen" value="true" />

For iOS in properties I set Status Bar Style to Hidden

In the simulator it shows no Status Bar, in the Telerik Devloper App it show no Status Bar for iOS and Android.

Great I say push another patched releasew of app for both......wait.......

Approved.... open app BOTH HAVE A BLACK EMPTY STATUS BAR AT TOP...ARRRGGGHH

Seriously though guys how do I finally and totally get rid of this Status Actio everything bar for BOTH for GOOD

 

Please help Thanks

[Martin]

Hi Ray,

I have tested hiding the status bar using the StatusBar.hide(); method of the StatusBar plugin with a project built with Kendo UI framework and it is working fine. Here are some suggestions for what might be the problem:

1. Make sure you are executing the StatusBar.hide(); after the "deviceReady" event has fired. In case of a Ionic framework I believe this should be executed after the $ionicPlatform.ready() event which is executed after "deviceReady" event:

.run(function($ionicPlatform) {

  $ionicPlatform.ready(function() {

    if (window.StatusBar) {

      // Set the statusbar to use the default style, tweak this to

      // remove the status bar or change it to use white instead of dark colors.

      StatusBar.hide();

    }

  });

});

 

2. To hide the status bar at startup (not at runtime) in iOS, as stated in the StatusBar plugin documentation, add these values to the app's Info .plist file:

<key>UIStatusBarHidden</key>
<true/>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>

3. You may try updating the StatusBar plugin to the latest version of the plugin (currently version 2.2.2).

Please note that it is always best to test on real device to test how the app behaves.

If the problem persists I believe the Ionic forums would have more expertise on this exact framework and might be able to give some additional information on this scenario.

I hope this has helped.

Regards,
Martin
Telerik by Progress