Ionic App Loads :: White Screen

Ionic Framework ionic-v3
1

When Loading APP , 1st page is Splash screen & then my API hits , between both pages white screen is appeared !!!
when connecting to fiddler no API or can say no activity by app is performed …

need help ?? from this white(death) screen

2

Ive got the whitescreen aswell and I found out that I used illegal functions like ngAfterViewInit() you should check your functions and try to remove some and try it again.

Ionic is changing so much as example ngAfterViewInit was always working in Ionic 2 (on phones) but gives in Ionic 3 a whitescreen.

I hope this helps.

3

In my AppComponent.ts

initRoot(){

    if(this.checkIntroSkip == "true"){
      this.rootPage=MainPage;
    }else if(this.checkIntroSkip == "truebutLogout"){
      this.rootPage=UserAuthPage;
    }else{
      this.rootPage=IntroPage;
    }

  }


  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    this.initRoot();
    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();
    });
  }

Is this Okay ???
I havn’t use ngAfterViewInit

4

Like i said its just a gues, i am also still looking for a full function table. You could try it without initRoot and see if it still gives you a whitescreen. Btw does it work in Browser ?

5

Splash Screen is added when build is made either Android or iOS
Browser automatically skips splashscreen & lands to firstpage

6

You can try to disable splashscreen in the config.xml.

<preference name="SplashScreen" value="screen" />

change that to

<preference name="SplashScreen" value="none"/>