title: Can't Change Status Bar with Cordova
body: <p>I'm using Cordova do build a hybrid app, and I'm trying to dynamically change the color of the status bar. The reason I'm doing it dynamically is so that different platforms can use slightly different colors to make it feel a bit more native.</p>
  
  <p>I <a href="https://github.com/apache/cordova-plugin-statusbar" rel="nofollow">installed</a> <code>cordova-plugin-statusbar</code> in my project, and now I have the <code>StatusBar</code> object in my app's JS code. However, when I try to use the <code>StatusBar.backgroundColorByHexString</code> method, it doesn't work. </p>
  
  <p>Here's the code that handles this:</p>
  
  <pre><code>function onDeviceReady() {
      document.addEventListener( 'pause', onPause.bind( this ), false );
      document.addEventListener( 'resume', onResume.bind( this ), false );
  
  
      if (StatusBar) {
          window.alert("The plugin loaded correctly.");
      }
      if (cordova.platformId == 'ios') {
          StatusBar.overlaysWebView(false);
          StatusBar.backgroundColorByHexString("#4CAF50");
          window.alert("The plugin should have run.");
      } else {
          StatusBar.backgroundColorByHexString("#388E3C");
          window.alert("The plugin should have run.");
      }
  };
  </code></pre>
  
  <p>The code runs without throwing any errors, yet it doesn't change the status bar at all (I'm testing on an Android device, and so I'm assuming the same behavior happens on other platforms). How can I fix this?</p>