2017-10-12 2 views
0

J'utilise créer une application mobile pour Android à l'aide ionique 2.Comment définir la couleur de la barre d'état en page spécifique uniquement à l'aide ionique 2

Je fais une couleur d'arrière-plan de la barre d'état à l'aide status bar plugin .Mais je voudrais changer la couleur de la barre d'état dans chaque page.

Lorsque j'utilise un code suivant dans app.component.ts. Mais il reflète à la toute la page. Comment l'atteindre?

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

constructor(private statusBar:StatusBar){ 

    this.platform.ready().then(() => { 
    this.statusBar.backgroundColorByHexString('#ff6d79'); 
    this.splashScreen.hide(); 
    }); 
} 

Répondre

0

Sur chaque page, vous devez le définir individuellement.

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

export class HomePage { 

    constructor(private statusBar:StatusBar){ 

    } 

    ionViewDidLoad() { 
    this.statusBar.backgroundColorByHexString('#ff6d79'); 
    } 

} 
+0

mais d'augmenter le code d'une autre façon de l'obtenir dans un composant commun? – Sakthivel

+0

Oui, vous pouvez vous abonner aux événements racine de NavController et le définir ici. – JoeriShoeby