How to hide the white screen after splash screen ionic 4 and capacitor

I’m using ionic 4 and Capacitor in my project, my problem is I get a white screen after the splash screen, I tried to edit capacitor.config.json but I still got the same problem :

"plugins": {
  "SplashScreen": {
  "launchAutoHide": false,
  "showSpinner": true,
  "androidSplashResourceName": "splash",
  "androidScaleType": "CENTER_CROP",
  "androidSpinnerStyle": "small",
  "iosSpinnerStyle": "small",
  "spinnerColor": "#ffffff",
  "backgroundColor": "#34ace0"

is there anyone show me how to solve this problem please?

1 Like

White screen issues indicate a bug in your app code. See docs here on remote debugging.

Good video to review here on white screen issues.

Thanks for your answer but Non, my App works fine, I got my splash screen then I got the white page 4 seconds later(the white screen lasts 4 seconds or less or more then my app appears) I got my app work, I think it is a problem of webView non ?

1 Like

Me too getting same issue. Please assist something if anyone found solution.

in app.component.ts inside platform.ready
setTimeout(() => {
}, 500)

1 Like

Try this it worked for me (any way small blink I can still see)

“SplashScreen”: {
“launchShowDuration”: 3000

1 Like

facing the same issue. Please help #ionicdevelopers

How I resolved it. its been a while but you can try this out.

First, tweak this or add to your capacitor.config.json

“SplashScreen”: {

  "launchShowDuration": 3000,

  "launchAutoHide": false,

  "androidScaleType": "CENTER_INSIDE",

  "splashFullScreen": false,

  "splashImmersive": false,

  "backgroundColor": "#1C3461",

  "androidSplashResourceName": "splash"


then use a setTimeout to hide the splash screen in your app.component.ts

 this.platform.ready().then(async () => {
          fadeOutDuration: 1000
      }, 2000)

You may also need to change the launcher background and relevant styles to colour in android studio

Good luck.