2017-09-05 11 views
2

j'ai vu un grand nombre d'applications développées par la couleur ionique 2 qui prennent en charge la barre d'état avec la même couleur de tête, mais je ne pouvais pas fait dans mon demandeComment faire la couleur de la barre d'état modifiable dans ionique 2

Cette image montre ma barre d'état lorsque je l'ai construit comme apk et installé sur mon téléphone Android

enter image description here

Mais je veux faire comme celui-ci (si possible)

enter image description here

Répondre

4

Vous pouvez consulter cette documentation: https://ionicframework.com/docs/native/status-bar/

Pour changer la couleur que vous pouvez essayer sur votre app.component.ts, dans votre constructeur il:

(En supposant que vous avez injecté statusBar: StatusBar sur votre cteur)

this.statusBar.backgroundColorByHexString('#ffffff'); 

Je ne sais pas sur la façon de réduire un peu son opacité comme l'exemple que vous avez montré. Peut-être:

this.statusBar.styleBlackOpaque() 
//or 
this.statusBar.styleBlackTranslucent() 

Faites-nous savoir ce qui a fonctionné pour vous.

+0

BackgroundColorByHexString fonctionne correctement –

+0

quelle valeur hexadécimal avez-vous utilisée pour votre cas/pour l'exemple ci-dessus? –

+0

vous pouvez utiliser la couleur hexadécimale de votre en-tête mais essayez de la rendre plus sombre –