Cordova - Schermata iniziale

Questo plugin viene utilizzato per visualizzare una schermata iniziale all'avvio dell'applicazione.

Passaggio 1: installazione del plug-in Splash Screen

Il plug-in per la schermata iniziale può essere installato in formato command prompt finestra eseguendo il codice seguente.

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

Passaggio 2 - Aggiungi schermata iniziale

L'aggiunta della schermata iniziale è diversa dall'aggiunta degli altri plug-in Cordova. Dobbiamo aprireconfig.xml e aggiungi i seguenti frammenti di codice all'interno del file widget elemento.

Il primo snippet è SplashScreen. Esso havalue proprietà che è il nome delle immagini in platform/android/res/drawable- cartelle. Cordova offre l'impostazione predefinitascreen.pngimmagini che stiamo usando in questo esempio, ma probabilmente vorrai aggiungere le tue immagini. La cosa importante è aggiungere immagini per la visualizzazione verticale e orizzontale e anche per coprire diverse dimensioni dello schermo.

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

Il secondo frammento che dobbiamo aggiungere è SplashScreenDelay. Ci stiamo ambientandovalue per 3000 per nascondere la schermata iniziale dopo tre secondi.

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

L'ultima preferenza è facoltativa. Se il valore è impostato sutrue, l'immagine non verrà allungata per adattarsi allo schermo. Se è impostato sufalse, sarà allungato.

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

Ora, quando eseguiamo l'app, vedremo la schermata iniziale.