Esconder a tela inicial do Phonegap

Ao construir um aplicativo Phonegap baseado na web, você pode querer controlar quando a tela inicial desaparece.

Por exemplo, você pode ter carregamento pesado de javascript ou longos tempos de carregamento de imagem e deseja apenas permitir que o usuário use o aplicativo depois que tudo estiver pronto, para que ele não tenha nenhuma peculiaridade na experiência do usuário.

Phonegap oferece uma solução para isso:

  1. Em seu arquivo config.xml acrescentar: <preference name="AutoHideSplashScreen" value="false" />. Isso evitará que a tela inicial oculta por si só e ela permanecerá na tela indefinidamente;

  2. Ouça o evento deviceready ;

  3. Após o evento ser disparado e no ponto em que você achar que o app está pronto para ser usado, basta chamar navigator.splashscreen.hide();. Isso fará com que a tela inicial desapareça e permitirá que o usuário use o aplicativo;

ps .: Esta dica não pretende explicar como adicionar uma tela inicial ao seu aplicativo, para isso você pode verificar a configuração do Phonegap