Status Bar Removal for iOS and Android

2 posts, 0 answers
  1. Ray
    Ray avatar
    3 posts
    Member since:
    Nov 2014

    Posted 14 Apr Link to this post

    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

  2. Martin
    Admin
    Martin avatar
    103 posts

    Posted 19 Apr Link to this post

    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
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
Back to Top