# \[Ionic 4\] iOS White Screen

**URL:** <https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277>\
**Category:** Ionic Framework\
**Created:** [January 7, 2019, 4:24am UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277 "2019-01-07T04:24:40Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![joseadrian](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/joseadrian/32/71106_2.png) [@joseadrian](https://forum.ionicframework.com/u/joseadrian)\
**Post date:** [January 7, 2019, 4:24am UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277/1 "2019-01-07T04:24:40Z")

</div>

After the default splash screen fades out, the screen stays white on a iOS device (can’t test it on simulator, a weird dashboard thing appears instead of the app). I checked for javascript errors using Safari and there was nothing on the console. In the `elements` tab I see the correct html but the phone screen is white. [https://i.imgur.com/QFxahE3.png](https://i.imgur.com/QFxahE3.png)

Part of `config.xml` (not os specific)

```auto
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="ShowSplashScreen" value="false" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="19" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="1000" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="FadeSplashScreen" value="true" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />

```

On `app.component.ts`

```auto
  initializeApp() { 
    this.platform.ready().then(() => {
      alert('Success'); // THIS RUNS

      this.splashScreen.hide();
    });
  }

```

Ionic info

```auto
Ionic:

   ionic (Ionic CLI) : 4.2.1 
   Ionic Framework : @ionic/angular 4.0.0-beta.15
   @angular-devkit/build-angular : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli : 6.1.5
   @ionic/angular-toolkit : 1.0.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms : android 6.4.0, ios 4.5.5
   Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 9 other plugins)

System:

   Android SDK Tools : 25.2.2 
   ios-deploy : 1.9.4
   ios-sim : 3.1.1
   NodeJS : v8.11.3  
   npm : 6.2.0
   OS : OS X El Capitan
   Xcode : Xcode 8.2.1 Build version 8C1002

```

Plugins

```auto
cordova-plugin-device 2.0.2 "Device"
cordova-plugin-ionic-keyboard 2.1.3 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 2.2.0 "cordova-plugin-ionic-webview"
cordova-plugin-network-information 2.0.2-dev "Network Information"
cordova-plugin-screen-orientation 3.0.1 "Screen Orientation"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-statusbar 2.4.2 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"
cordova-plugin-x-toast 2.7.2 "Toast"
es6-promise-plugin 4.2.2 "Promise"
phonegap-plugin-barcodescanner 8.0.0 "BarcodeScanner"
phonegap-plugin-mobile-accessibility 1.0.5-dev "Mobile Accessibility"

```

---

<div class="post-metadata">

**Author:** ![MaBbKhawaja](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mabbkhawaja/32/120141_2.png) [@MaBbKhawaja](https://forum.ionicframework.com/u/MaBbKhawaja)\
**Post date:** [January 7, 2019, 7:12am UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277/2 "2019-01-07T07:12:56Z")

</div>

```auto
<preference name="SplashScreenDelay" value="10000" />

```

add this it will solve issue

---

<div class="post-metadata">

**Author:** ![joseadrian](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/joseadrian/32/71106_2.png) [@joseadrian](https://forum.ionicframework.com/u/joseadrian)\
**Post date:** [January 7, 2019, 5:26pm UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277/3 "2019-01-07T17:26:43Z")

</div>

I updated the value before because it was happening on android. Now I guess I will try with a higher value.

Thanks

---

<div class="post-metadata">

**Author:** ![roopeshc](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/roopeshc/32/123417_2.png) [@roopeshc](https://forum.ionicframework.com/u/roopeshc)\
**Post date:** [January 7, 2019, 5:56pm UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277/4 "2019-01-07T17:56:52Z")

</div>

HI MaBbKhawaja -

If you set the splashscreen delay to higher value, then splashscreen will be shown till that time though if your app is ready!

My doubt is - Is it the right way to do that?

Thanks  
Roopesh

---

<div class="post-metadata">

**Author:** ![joseadrian](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/joseadrian/32/71106_2.png) [@joseadrian](https://forum.ionicframework.com/u/joseadrian)\
**Post date:** [January 7, 2019, 6:10pm UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277/5 "2019-01-07T18:10:45Z")

</div>

In most cases, that solves the white screen issue most people have (between the splash screen and the first view of the app). When the app is ready, one must hide the splashcreen manually in code if the line it’s not there already.

In my case, the first view is not shown as if the splashscreen was still there blocking the view. I yet need to try a higher value for `SplashScreenDelay` than the previous one.

---

<div class="post-metadata">

**Author:** ![MaBbKhawaja](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mabbkhawaja/32/120141_2.png) [@MaBbKhawaja](https://forum.ionicframework.com/u/MaBbKhawaja)\
**Post date:** [January 8, 2019, 5:40am UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277/6 "2019-01-08T05:40:49Z")

</div>

its not some white screen your data is being loaded at that time that is why it shows white screen

---

<div class="post-metadata">

**Author:** ![joseadrian](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/joseadrian/32/71106_2.png) [@joseadrian](https://forum.ionicframework.com/u/joseadrian)\
**Post date:** [January 8, 2019, 8:22am UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277/7 "2019-01-08T08:22:57Z")

</div>

It didn’t work. The ready event for platform is fired, the splash screen is hidden BUT then the screen stays white.

By looking at the styles, I saw a “.ion-page-invisible” class applied to the first view. I believe it has to do with the router not working properly with my device’s OS.

[![](https://i.imgur.com/empugKX.png) ](https://i.imgur.com/empugKX.png)

---

<div class="post-metadata">

**Author:** ![joseadrian](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/joseadrian/32/71106_2.png) [@joseadrian](https://forum.ionicframework.com/u/joseadrian)\
**Post date:** [January 8, 2019, 9:32pm UTC](https://forum.ionicframework.com/t/ionic-4-ios-white-screen/152277/8 "2019-01-08T21:32:32Z")

</div>

I guess the problem was the ionic-webview 2.2~2.3 or ionic 4 not supporting iOS 9. After testing it on a physical device with iOS 10+, no more white screen.