Skip to content
This repository has been archived by the owner on Jul 5, 2019. It is now read-only.
/ status-bar-style Public archive

A decorator to declare the StatusBar style of your Ionic Page

Notifications You must be signed in to change notification settings

vknabel/status-bar-style

Repository files navigation

StatusBarStyle

CircleCI Codecov npm (scoped)

The @StatusBarStyle-Decorator automatically adjusts the style of the StatusBar for your page. It uses Ionic Native's StatusBar and applies your requested style when the page will be presented.

@StatusBarStyle('lightContent')
@IonicPage()
@Component({
    templateUrl: './your.page.html'
})
export class YourPage {
    constructor(
        public readonly statusBar: StatusBar
    ) { }
}

Limitations

Currently @StatusBarStyle won't reset the status bar style when a page will leave, so all your pages should declare @StatusBarStyle if the styles differ from page to page.

Additionally the status bar style should not be manipulated manually in order to avoid inconsistencies.

Installation

$ npm install --save @molecule/status-bar-style @ionic-native/core @ionic-native/status-bar
$ ionic plugin add --save cordova-plugin-statusbar

Author

Valentin Knabel, @vknabel, [email protected]

License

@ionic-decorator/status-bar-style is available under the MIT license.