JavaScript PhoneGap

Question

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

中所示

当我运行 Android 上的应用程序使用 PhoneGap 应用程序和 PhoneGap 桌面时，它不显示启动画面 screen.The 以下是 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

JavaScript PhoneGap

javascript

ionic-framework

phonegap