科尔多瓦 - 启动画面


该插件用于在应用程序启动时显示启动屏幕。

第 1 步 - 安装闪屏插件

可以通过运行以下代码在命令提示符窗口中安装闪屏插件。

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

第 2 步 - 添加启动画面

添加启动屏幕与添加其他 Cordova 插件不同。我们需要打开config.xml并在小部件元素内添加以下代码片段。

第一个片段是SplashScreen。它的value属性是platform/android/res/drawable文件夹中图像的名称。Cordova 提供了我们在本示例中使用的默认screen.png图像,但您可能想要添加自己的图像。重要的是添加纵向和横向视图的图像,并覆盖不同的屏幕尺寸。

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

我们需要添加的第二个片段是SplashScreenDelay。我们将设置为3000以在三秒后隐藏启动屏幕。

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

最后一个首选项是可选的。如果值设置为true,图像将不会拉伸以适合屏幕。如果它设置为false,它将被拉伸。

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

现在,当我们运行该应用程序时,我们将看到启动屏幕。

科尔多瓦启动画面