Question

我使用CLI创建了一个Cordova PhoneGap应用程序并添加了Android平台。我尝试使用Cordova启动画面插件添加启动画面，如this link所示。

当我使用PhoneGap应用程序和PhoneGap桌面在Android上运行应用程序时，它不会显示启动画面。以下是位于根项目文件夹顶层的config.xml：

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.splash.app" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <preference name="SplashSreen" value="screen" />
  <preference name="SplashSreenDelay" value="1000" />

  <author email="dev@cordova.apache.org" href="http://cordova.io">
    Apache Cordova Team
  </author>
  <content src="index.html" />
  <plugin name="cordova-plugin-whitelist" spec="1" />
  <access origin="*" />
  <allow-intent href="http://*/*" />
  <allow-intent href="https://*/*" />
  <allow-intent href="tel:*" />
  <allow-intent href="sms:*" />
  <allow-intent href="mailto:*" />
  <allow-intent href="geo:*" />
  <platform name="android">
    <allow-intent href="market:*" />
  </platform>
  <platform name="android">
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi" />
    <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi" />
    <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi" />
    <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi" />

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

  <platform name="ios">
    <allow-intent href="itms:*" />
    <allow-intent href="itms-apps:*" />
  </platform>
  <preference name="AutoHideSplashScreen" value="true" />
  <preference name="SplashScreenDelay" value="10000" />
  <engine name="android" spec="^7.0.0" />
  <plugin name="cordova-plugin-splashscreen" spec="https://github.com/apache/cordova-plugin-splashscreen.git" />
</widget>

Answer 1

您需要更改一些内容：

1）将插件行更改为：

<plugin name="cordova-plugin-splashscreen" spec="4.1.0" />

版本4.1.0只是一个示例，因此请更改为您实际使用的任何版本。

2）建议包括一个独立于平台的启动屏幕，就像后备一样：

<splash src="splash.png" />

您需要将图像放在根文件夹中。

3）对Android使用qualifier代替density。例如：

<splash src="res/screen/android/splash-land-hdpi.png" qualifier="land-hdpi"/>

4）您没有为iOS指定启动画面。也许您计划在Android成功后添加它们，但这是一个例子：

<splash src="res/screen/ios/Default~iphone.png" width="320" height="480" />

JavaScript PhoneGap

1 个答案: