启动画面生成但未出现在 Ionic 2 中

Question

我正在使用 Ionic 2 并通过命令行生成了启动画面和图标。 但是 splash 和 icon 没有显示在应用程序中。

版本、配置或其他方面可能存在问题。 如果有人可以帮助我，那将非常有帮助。

谢谢

这是我的 config.xml 瓦尔奎克 代客服务 Valquik 团队

<icon src="icon.png" />
<splash src="splash.png" />

<platform name="android">
    <allow-intent href="market:*"/>    
    <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>
    <icon src="resources\android\icon\drawable-mdpi-icon.png" density="mdpi"/>
    <icon src="resources\android\icon\drawable-hdpi-icon.png" density="hdpi"/>
    <icon src="resources\android\icon\drawable-xhdpi-icon.png" density="xhdpi"/>
    <icon src="resources\android\icon\drawable-xxhdpi-icon.png" density="xxhdpi"/>
    <icon src="resources\android\icon\drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
    <splash src="resources\android\splash\drawable-land-ldpi-screen.png" density="land-ldpi"/>
    <splash src="resources\android\splash\drawable-land-mdpi-screen.png" density="land-mdpi"/>
    <splash src="resources\android\splash\drawable-land-hdpi-screen.png" density="land-hdpi"/>
    <splash src="resources\android\splash\drawable-land-xhdpi-screen.png" density="land-xhdpi"/>
    <splash src="resources\android\splash\drawable-port-ldpi-screen.png" density="port-ldpi"/>
    <splash src="resources\android\splash\drawable-port-mdpi-screen.png" density="port-mdpi"/>
    <splash src="resources\android\splash\drawable-port-hdpi-screen.png" density="port-hdpi"/>
    <splash src="resources\android\splash\drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
    <splash src="resources\android\splash\drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
    <splash src="resources\android\splash\drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
</platform>

<platform name="ios">
    <allow-intent href="itms:*"/>
    <allow-intent href="itms-apps:*"/>
</platform>

<preference name="permissions" value="internet"/>
<preference name="webviewbounce" value="false"/>
<preference name="UIWebViewBounce" value="false"/>
<preference name="DisallowOverscroll" value="true"/>
<preference name="android-minSdkVersion" value="16"/>
<preference name="BackupWebStorage" value="none"/>
<preference name="SplashScreenDelay" value="0"/>
<preference name="FadeSplashScreen" value="false"/>
<preference name="FadeSplashScreenDuration" value="0"/>
<preference name="loadUrlTimeoutValue" value="700000"/>
<preference name="SplashScreenBackgroundColor" value="0xFFFFFFFF"/>
<preference name="SplashScreen" value="screen"/>
<feature name="StatusBar">
    <param name="ios-package" onload="true" value="CDVStatusBar"/>
</feature>
<plugin name="cordova-plugin-device" spec="~1.1.3"/>
<plugin name="cordova-plugin-console" spec="~1.0.4"/>
<plugin name="cordova-plugin-whitelist" spec="~1.3.0"/>
<plugin name="cordova-plugin-splashscreen" spec="~4.0.0"/>
<plugin name="cordova-plugin-statusbar" spec="~2.2.0"/>
<plugin name="ionic-plugin-keyboard" spec="~2.2.1"/>
<icon src="resources\android\icon\drawable-xhdpi-icon.png"/>

Answer 1

包括这些偏好，看看它是否有效：

<preference name="ShowSplashScreen" value="true"/>
  <preference name="SplashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="30000"/>

Answer 2

cordova-android 平台版本 6.0.0 中有一个 bug，它将资源复制到 /res 而不是 /platforms/android/res。最新版本的cordova（6.5.0）有cordova-android平台版本6.1.1，修复了这个bug。

npm install -g cordova@latest

可能还需要手动更新cordova-android版本。

cordova platform update android@6.1.2

Answer 3

我找到了解决 White SplashScreen 问题的方法。使用最新版本的 Ionic，您需要验证 config.xml 文件中的一行：

确保你有这条线： <preference name="SplashScreen" value="screen"/>

而不是这个错误的： <preference name="SplashScreen" value="splash"/>

你需要在这里有值“screen”而不是旧版本的“splash”！！！

现在我的 SplashScreen 不再是白色的了，它需要我从 PSD 文件生成的资源文件。

这是我的离子信息提示：

Cordova CLI: 6.3.1
Ionic Framework Version: 2.0.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v6.9.5
Xcode version: Xcode 8.2.1 Build version 8C1002