import { Component } from '@angular/core' ; import { Platform } from '@ionic/angular' ; import { SplashScreen } from '@ionic-native/splash-screen/ngx' ; import { StatusBar } from '@ionic-native/status-bar/ngx' ; import { Plugins , StatusBarStyle } from '@capacitor/core' ; const { StatusBar : StatusBarPlugin } = Plugins ; @ Component ( { selector : 'app-root' , templateUrl : 'app.component.html' , styleUrls : [ 'app.component.scss' ] } ) export class AppComponent { constructor ( private platform , private splashScreen , private statusBar ) { this . initializeApp ( ) ; } initializeApp ( ) { this . platform . ready ( ) . then ( ( ) => { this . statusBar . styleDefault ( ) ; this . splashScreen . hide ( ) ; StatusBarPlugin . setStyle ( { style : StatusBarStyle . Dark } ) ; StatusBarPlugin . setBackgroundColor ( { color : '#0f0f0f' } ) ; } ) ; } }