Cordova - tela inicial

Este plugin é usado para exibir uma tela inicial na inicialização do aplicativo.

Etapa 1 - Instalação do plug-in da tela inicial

O plugin da tela inicial pode ser instalado em command prompt janela executando o seguinte código.

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-splashscreen

Etapa 2 - Adicionar tela inicial

Adicionar a tela inicial é diferente de adicionar outros plug-ins do Cordova. Precisamos abrirconfig.xml e adicione os seguintes trechos de código dentro do widget elemento.

O primeiro snippet é SplashScreen. Temvalue propriedade que é o nome das imagens em platform/android/res/drawable- pastas. Cordova oferece padrãoscreen.pngimagens que estamos usando neste exemplo, mas provavelmente você desejará adicionar suas próprias imagens. O importante é adicionar imagens para visualização retrato e paisagem e também cobrir diferentes tamanhos de tela.

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

O segundo snippet que precisamos adicionar é SplashScreenDelay. Estamos definindovalue para 3000 para ocultar a tela inicial após três segundos.

<preference name = "SplashScreenDelay" value = "3000" />

A última preferência é opcional. Se o valor for definido comotrue, a imagem não será esticada para caber na tela. Se estiver definido parafalse, será esticado.

<preference name = "SplashMaintainAspectRatio" value = "true" />

Agora, quando executarmos o aplicativo, veremos a tela inicial.