ionic3 android status bar no icon shown ionic3 android status bar no icon shown angular angular

ionic3 android status bar no icon shown


I have resolved with

statusBar.styleBlackOpaque();

instead of

statusBar.styleDefault();


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

This fixed my problem.


I found this helpful. You can use one of these three options in 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();      }    }  }}

You could also use one for a hex code color

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

This one for a light colored theme that is built in.

this.statusBar.styleLightContent();