ionic3 строка состояния Android не отображается значок

Ответ 1

import { StatusBar } from '@ionic-native/status-bar/ngx';
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');
            }
        });
    }
}

Это исправило мою проблему.

Ответ 2

Я разрешил

statusBar.styleBlackOpaque();

вместо

statusBar.styleDefault();

Ответ 3

Я нашел это полезным. Вы можете использовать один из этих трех вариантов в ионном 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();
      }
    }
  }
}

Вы также можете использовать один для цвета шестнадцатеричного кода

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

Это одно для светлой темы, которая встроена.

this.statusBar.styleLightContent();

Ответ 4

в вашем app.component.ts Убедитесь, что у вас есть

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();
        });
    }

И чтобы быть в безопасности, выполните следующие команды.

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

Когда все будет сделано. Создайте свой Apk с помощью своей любимой команды, или вы тоже можете попробовать это

$ ionic cordova run android --device  

Ответ 5

Измените statusBar.styleDefault() на statusBar.styleLightContent() в app.component.ts.