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

Question

我正在运行 Apache Cordova 8.1.2 和 Angular 7 项目。我已经安装了 SplashScreen 插件并更改了我的 config.xml，如 this documentation 中所述。 。 这是我的 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 .

所有图像文件也都已就位。我在这里缺少什么？

Answer 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" />
...

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