Lorsque je mets à jour la version ionique de mon projet, la barre d'état de l'application Android ne peut afficher aucune icône lorsque vous accédez à l'application:
Quand entrer dans l'application:
Quelqu'un sait comment résoudre? Mes informations:
cli packages: (/usr/local/lib/node_modules)
@ionic/cli-utils : 1.17.0
ionic (Ionic CLI) : 3.17.0
forfaits globaux:
cordova (Cordova CLI) : 7.1.0
forfaits locaux:
@ionic/app-scripts : 3.0.1
Cordova Platforms : Android 6.3.0 ios 4.6.0-nightly.2017.11.22.24bfb734
Ionic Framework : ionic-angular 3.8.0
Système:
ios-deploy : 1.9.2
ios-sim : 5.0.13
Node : v7.10.0
npm : 5.5.1
OS : macOS Sierra
Xcode : Xcode 9.0.1 Build version 9A1004
Variables d'environnement:
Android_HOME : not set
Misc:
backend : legacy
import { StatusBar } from '@ionic-native/status-bar';
import { Platform } from 'ionic-angular';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
constructor(public platform: Platform, public statusBar: StatusBar) {
platform.ready().then(() => {
statusBar.styleDefault();
if (platform.is('Android')) {
statusBar.overlaysWebView(false);
statusBar.backgroundColorByHexString('#000000');
}
});
}
}
Cela a résolu mon problème.
J'ai résolu avec
statusBar.styleBlackOpaque();
au lieu de
statusBar.styleDefault();
J'ai trouvé cela utile. Vous pouvez utiliser l’une de ces trois options dans ionic 3
import { StatusBar } from '@ionic-native/status-bar';
import { Platform } from 'ionic-angular';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
constructor(public platform: Platform, public statusBar: StatusBar) {
this.platform.ready().then(() => {
// for Black
if(this.platform.is('Android')) {
this.statusBar.styleBlackOpaque();
}
}
}
}
Vous pouvez également en utiliser un pour une couleur de code hexadécimal
this.statusBar.backgroundColorByHexString('#fff');
Celui-ci pour un thème de couleur claire qui est intégré.
this.statusBar.styleLightContent();
dans votre app.component.ts Vérifiez que vous avez
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
...
@Component({
templateUrl: 'app.html'
})
export class MyApp {
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
statusBar.styleDefault();
splashScreen.hide();
});
}
Et juste pour être sûr, exécutez les commandes suivantes.
$ ionic cordova plugin add cordova-plugin-statusbar
$ npm install --save @ionic-native/status-bar
Quand tout cela est fait. Générez votre Apk avec votre commande préférée ou essayez-le aussi
$ ionic cordova run Android --device