Status Bar
The StatusBar API Provides methods for configuring the style of the Status Bar, along with showing or hiding it.
This plugin requires "View controller-based status bar appearance" (UIViewControllerBasedStatusBarAppearance) set to
YES in Info.plist. Read about Configuring iOS for help.
The status bar visibility defaults to visible and the style defaults to StatusBarStyle.Light. You can change these defaults by adding
UIStatusBarHidden and or UIStatusBarStyle in the
Info.plist.
- statusTap
// Events (iOS only)
window.addEventListener('statusTap', function () {
console.log("statusbar tapped");
});
//API
import {
Plugins,
StatusBarStyle,
} from '@capacitor/core';
const { StatusBar } = Plugins;
export class StatusBarExample {
isStatusBarLight = true
changeStatusBar() {
StatusBar.setStyle({
style: this.isStatusBarLight ? StatusBarStyle.Dark : StatusBarStyle.Light
});
this.isStatusBarLight = !this.isStatusBarLight;
// Display content under transparent status bar (Android only)
StatusBar.setOverlaysWebView({
overlay: true
});
}
hideStatusBar() {
StatusBar.hide();
}
showStatusBar() {
StatusBar.show();
}
}
