Status Bar
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?
If you're building a serious project, you can't afford to spend hours troubleshooting. Ionicβs experts offer premium advisory services for both community plugins and premier plugins.
Installation
- Capacitor
- Cordova
- Enterprise
$ npm install cordova-plugin-statusbar
$ npm install @awesome-cordova-plugins/status-bar
$ ionic cap sync
$ ionic cordova plugin add cordova-plugin-statusbar
$ npm install @awesome-cordova-plugins/status-bar
Ionic Enterprise comes with fully supported and maintained plugins from the Ionic Team. Β Learn More or if you're interested in an enterprise version of this plugin Contact Us
Supported Platforms
- Android
- iOS
- Windows
Capacitor
Not Compatible
Usage
React
Learn more about using Ionic Native components in React
Angular
import { StatusBar } from '@awesome-cordova-plugins/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');