应用程序启动时不出现闪屏。 PhoneGap/科尔多瓦答案

【问题标题】：Splashscreen doesn't appear when application starts. PhoneGap/Cordova应用程序启动时不出现闪屏。 PhoneGap/科尔多瓦
【发布时间】：2019-04-03 18:17:42
【问题描述】：

我正在使用 PhoneGap 桌面应用程序和 PhoneGap Build 来制作和编译 Android 应用程序。我想在应用程序启动时显示启动画面，因为我在后台有一些加载工作要做，一旦加载完成，我会隐藏启动画面并显示内容。

我正在使用“cordova-plugin-splashscreen v5.0.2”我使用此代码来显示和隐藏启动屏幕：

//Show Splash Screen
navigator.splashscreen.show();

//Hide splash Screen after loading has finished
navigator.splashscreen.hide();

这是我的 config.xml 文件：

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.phonegap.helloworld" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
    <name>NexusPhoneGap</name>
    <description>
        A blank PhoneGap app.
    </description>
    <author email="support@phonegap.com" href="http://phonegap.com">
        PhoneGap Team
    </author>
    <content src="index.html" />
    <access origin="*" />

    <plugin name="cordova-plugin-inappbrowser" spec="^3.0.0" />
    <plugin name="cordova-plugin-splashscreen" spec="^5.0.2" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
    <plugin name="cordova-plugin-network-information" spec="^2.0.1" />

    <platform name="android">
        <splash src="splashScreens/screen-hdpi-portrait.png" density="port-hdpi"/>
        <splash src="splashScreens/screen-ldpi-portrait.png" density="port-ldpi"/>
        <splash src="splashScreens/screen-mdpi-portrait.png" density="port-mdpi"/>
        <splash src="splashScreens/screen-xhdpi-portrait.png" density="port-xhdpi"/>
    </platform>

</widget>

如您在 config.xml 中所见，我将启动画面放在名为“splashScreens”的文件夹中。问题是启动画面没有出现。我看到一个空白屏幕而不是启动屏幕。知道如何显示启动画面吗？

【问题讨论】：

您不能将图像放在您创建的文件夹中。您需要将它们分别放在res/screen/android/ 和res/screen/ios（已经存在的文件夹）中。之后一定要运行cordova prepare。
我用PhoneGap Desktop创建了这个项目，所以我没有那些文件夹，所以我应该创建它们吗？一秒问题：cordova prepare 命令的目的是什么？
那么我不确定我推荐的是否可行。您应该查看该插件的文档。在直接的 cordova 项目中，运行“cordova prepare”会复制这些文件夹中的图像并将它们添加到各自的平台。
@JM-AGMS 非常感谢，我可能会看到文档。

标签： cordova cordova-plugins phonegap-plugins phonegap

【解决方案1】：

我为此苦苦挣扎了一段时间。我也有一个旧的、非标准的项目配置和路径。将“密度”更改为“限定符”有效。所以改变，

<splash src="splashScreens/screen-hdpi-portrait.png" density="port-hdpi"/>

到

<splash src="splashScreens/screen-hdpi-portrait.png" qualifier="port-hdpi"/>

【讨论】：