@molecule/status-bar-style

Allows you to declare the StatusBar style of your Ionic Page

Stats

StarsIssuesVersionUpdatedCreatedSize
@molecule/status-bar-style
310.3.03 years ago4 years agoMinified + gzip package size for @molecule/status-bar-style in KB

Readme

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, dev@vknabel.com

License

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.