Apache Cordova 自定义启动屏幕在 Android 和 ios 中不可见答案

【问题标题】：Apache Cordova custom splash screen not visible in Android and iosApache Cordova 自定义启动屏幕在 Android 和 ios 中不可见
【发布时间】：2019-08-31 15:02:45
【问题描述】：

我正在运行 Apache Cordova 8.1.2 和 Angular 7 项目。我已经安装了SplashScreen 插件并按照this documentation 中的说明更改了我的config.xml。这是我的 config.xml

<platform name="android">
        <icon density="ldpi" src="projects/cys-mobile-app/src/assets/img/android/display-icon/ldpi.png" />
        <icon density="mdpi" src="projects/cys-mobile-app/src/assets/img/android/display-icon/mdpi.png" />
        <icon density="hdpi" src="projects/cys-mobile-app/src/assets/img/android/display-icon/hdpi.png" />
        <icon density="xhdpi" src="projects/cys-mobile-app/src/assets/img/android/display-icon/xhdpi.png" />
        <icon density="xxhdpi" src="projects/cys-mobile-app/src/assets/img/android/display-icon/xxhdpi.png" />
        <icon density="xxxhdpi" src="projects/cys-mobile-app/src/assets/img/android/display-icon/xxxhdpi.png" />
        <splash density="land-hdpi" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash-land-hdpi.png" />
        <splash density="land-ldpi" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash-land-ldpi.png" />
        <splash density="land-mdpi" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash-land-mdpi.png" />
        <splash density="land-xhdpi" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash-land-xhdpi.png" />
        <splash density="land-xxhdpi" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash-land-xxhdpi.png" />
        <splash density="land-xxxhdpi" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash-land-xxxhdpi.png" />
    </platform>
    <platform name="ios">
        <splash src="projects/cys-mobile-app/src/assets/img/ios/splash-screen/splash-2732.png" />
        <icon height="180" src="projects/cys-mobile-app/src/assets/img/ios/Icon-App-60x60@3x.png" width="180" />
        <icon height="60" src="projects/cys-mobile-app/src/assets/img/ios/Icon-App-60x60@2x.png" width="60" />
        <icon height="120" src="projects/cys-mobile-app/src/assets/img/ios/Icon-App-60x60@2x.png" width="120" />
        <icon height="76" src="projects/cys-mobile-app/src/assets/img/ios/Icon-App-76x76@1x.png" width="76" />
        <icon height="152" src="projects/cys-mobile-app/src/assets/img/ios/Icon-App-76x76@2x.png" width="152" />
        <icon height="40" src="projects/cys-mobile-app/src/assets/img/ios/Icon-App-40x40@1x.png" width="40" />
        <icon height="80" src="projects/cys-mobile-app/src/assets/img/ios/Icon-App-40x40@2x.png" width="80" />
    </platform>
<preference name="SplashScreenDelay" value="10000" />
<plugin name="cordova-plugin-splashscreen" spec="^5.0.2" />

通过上面的代码，我可以在ios 中看到默认的cordova 闪屏，在Android 中看到中间有一个微调器的黑屏。图标工作正常，但启动画面没有成功。我希望我在启动标记中提供的自定义图像应该作为启动屏幕可见。

我也尝试了Apache Cordova splash screens not showing in Android中给出的所有解决方案。

所有图像文件也都已到位。我在这里错过了什么？

【问题讨论】：

标签： android ios angular cordova splash-screen

【解决方案1】：

您似乎没有为 android 列出任何纵向启动画面，而对于 iOS，您没有列出任何内容。在你要添加的android部分：

<splash density="port-mdpi" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash1.png" />
<splash density="port-hdpi" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash2.png" />
...

对于 iOS，您需要像这样添加它们：

<splash height="480" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash1.png" width="320" />
<splash height="960" src="projects/cys-mobile-app/src/assets/img/android/splash-screen/splash2.png" width="640" />
...

在这里，您需要确定所有纵向和横向配置的高度和宽度属性。

【讨论】：