IONIC: Remover tela branca do splashscreen

#1.No config.xml

    <preference name="SplashScreen" value="screen" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="auto-hide-splash-screen" value="false" />
    <preference name="SplashScreenDelay" value="3000" />
    <preference name="FadeSplashScreenDuration" value="1000" />
    <preference name="ShowSplashScreen" value="false" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="FadeSplashScreen" value="true" />

#2. No app.components.ts

import { SplashScreen } from "@ionic-native/splash-screen";

#3. No app.components.ts adicione um param no construtor.

constructor(
         ...
        public splashScreen: SplashScreen,
        ...
      ) 

#3. No app.components.ts depois platform.ready().then(() => { do

 setTimeout(()=>{
          this.splashScreen.hide();  
        },1000);

e nada mais em relação à tela inicial.
NOTA !!!: O atraso setTimeout deveria ser igual ao valor do parâmetro FadeSplashScreenDuration em config.xml

#4. No app.module.ts adicione

import { SplashScreen } from "@ionic-native/splash-screen";

e colocar SplashScreen no providers array.

#5. No cmd run ionic cordova run android --prod ter seu telefone Android conectado sem nenhuma instalação anterior instalada (só para ficar do lado seguro).

Conclusão

O código acima fez a transição suave da tela inicial, que desaparecerá suavemente quando você iniciar a página. Nenhuma tela branca é mostrada. Espero que isso seja útil.

Deixe uma resposta