Apache Cordova自定义闪屏在Android和ios中不可见

Question

我正在运行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中给出的所有解决方案。

此外，所有的图像文件都已就位。这里我漏掉了什么？

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

在这里，您需要标识height和width属性的所有纵向和横向配置。