Status Bar

Contents

Manage the appearance of the native status bar.

Requires Cordova plugin: cordova-plugin-statusbar. For more info, please see the StatusBar plugin docs.

https://github.com/apache/cordova-plugin-statusbar

Stuck on a Cordova issue?

Don't waste precious time on plugin issues.

If you're building a serious project, you can't afford to spend hours troubleshooting. Ionic's experts offer official maintenance, support, and integration help.

Contact Us Today!

Installation

Community Enterprise
ionic cordova plugin add cordova-plugin-statusbar npm install @ionic-native/status-bar
Ionic EE comes with fully supported and maintained plugins from the Ionic Team. Learn More   or   Contact Us
ionic enterprise register --key=YOURPRODUCTKEY npm install @ionic-enterprise/status-bar

Supported Platforms

  • Android
  • iOS
  • Windows

Usage 

import { StatusBar } from '@ionic-native/status-bar/ngx';

constructor(private statusBar: StatusBar) { }

...

// let status bar overlay webview
this.statusBar.overlaysWebView(true);

// set status bar to white
this.statusBar.backgroundColorByHexString('#ffffff');