Cordova 启动画面插件

Posted

技术标签:

【中文标题】Cordova 启动画面插件【英文标题】:Cordova Splash Screen Plugin 【发布时间】:2016-04-12 14:01:01 【问题描述】:

我正在尝试使用以下插件向我的 Cordova 应用程序添加启动画面:

https://www.npmjs.com/package/com.peerio.cordova.plugin.splashscreen

我已经复制了示例 config.xml 代码并将 src 文件路径更改为我想要使用的图像。它提到:

Please notice that the value of the "src" attribute is relative to the project directory and not to the www directory. You can name the source image whatever you like. The internal name in the app is determined by Cordova.

因此,基于此,我认为我的 src 应该是 /www/img/splash.jpg?

不管我把它改成什么,虽然它总是显示 Cordova 标志。有什么想法吗?

【问题讨论】:

【参考方案1】:

你试过了吗:

<splash src="www/img/splash.jpg" density="land-hdpi"/>

没有前导/ ?

编辑

您正在展示您的browser 平台。你应该查看platforms/android/res for Android(如果你正在做cordova build android)。

如果你想要浏览器平台,在文档中有一个特定的Browser quirk。所以默认情况下,图像 src 位于platforms/browser 文件夹中的"/img/logo.png"。您必须设置:

<platform name="browser">
    <preference name="SplashScreen" value="/images/browser/splashscreen.jpg" />
</platform>

【讨论】:

我想config.xml 文件位于您项目的根目录中?你的www 文件夹也一样吗? 您是否进行了全新的清洁 + 构建?您生成的 res/drawable 文件夹的内容是什么?你在那里看到你的形象了吗? 是的,我做到了。这是我尝试做的第一件事。我添加了文件夹结构的屏幕截图作为对我的问题的编辑,如果这有帮助吗?我认为重要的是浏览器构建(?)? 只是在www/img基本路径中添加图像的副本。 所以你没有使用 Android 作为平台?我用可能的解决方案更新了我的答案

以上是关于Cordova 启动画面插件的主要内容,如果未能解决你的问题,请参考以下文章

我的应用程序卡在 iOS 13 的启动画面上

Cordova:启动画面后出现白屏

Android 启动画面不适用于 Cordova 5.0.0

如何使用 Ionic\Cordova 在 android 中设置图标和启动画面

Phonegap (cordova) 2.4.0 启动画面显示缩小

iOS / Cordova 应用程序启动画面在加载后移动