Cordova - Écran de démarrage

Ce plugin est utilisé pour afficher un écran de démarrage au lancement de l'application.

Étape 1 - Installation du plugin Splash Screen

Le plugin d'écran de démarrage peut être installé dans command prompt window en exécutant le code suivant.

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

Étape 2 - Ajouter un écran de démarrage

L'ajout d'un écran de démarrage est différent de l'ajout des autres plugins Cordova. Nous devons ouvrirconfig.xml et ajoutez les extraits de code suivants dans le widget élément.

Le premier extrait est SplashScreen. Il avalue propriété qui est le nom des images dans platform/android/res/drawable- Dossiers. Cordova propose par défautscreen.pngimages que nous utilisons dans cet exemple, mais vous souhaiterez probablement ajouter vos propres images. L'important est d'ajouter des images pour la vue portrait et paysage et également de couvrir différentes tailles d'écran.

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

Le deuxième extrait que nous devons ajouter est SplashScreenDelay. Nous établissonsvalue à 3000 pour masquer l'écran de démarrage après trois secondes.

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

La dernière préférence est facultative. Si la valeur est définie surtrue, l'image ne sera pas étirée pour s'adapter à l'écran. S'il est réglé surfalse, il sera étiré.

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

Maintenant, lorsque nous exécuterons l'application, nous verrons l'écran de démarrage.