Ionic：如何激活默认闪屏？

Question

我正在创建一个应用程序，用于初始化所需的所有内容大约一秒钟。所以很明显，最好的解决方案是显示闪屏。

我现在正在从头开始制作一个空白的应用程序来测试它。

THE STEPS：

目前我已完成以下步骤：

1. 创建一个空白的应用程序。

2. 添加了平台android和ios。

3. 运行离子资源（我怀疑如果添加了平台就没有必要，但我不确定）

4. 检查资源文件夹是否正确显示icon.png和splash.png

5. 检查config.xml并查看是否存在以下设置：

   <preference name="SplashScreen" value="screen"/>  
   <preference name="SplashScreenDelay" value="3000"/>
   

6. 安装ngCordova并将其包含在index.html中并作为依赖项

   <script src="lib/ngCordova/dist/ng-cordova.js"></script>
   
   angular.module('starter', ['ionic', 'starter.controllers', 'ngCordova'])
   

它应该可以工作我猜。但我的应用程序中没有看到任何闪屏。

问题：

如何激活启动画面？ 我的意思是我怎么能看到它出现在主页面？

（出于测试目的，离子默认图像很好，3秒就可以了）

Answer 1

好的，基本上没关系。问题只是在测试应用程序（我的坏）。我正在浏览器（localhost）中进行快速测试并使用quirktools.com/screenfly

但为了看到启动画面，我必须直接在手机或Genymotion等模拟器中测试应用。

启动画面正常工作。 不需要插件。基本上只需遵循这些步骤就足够了（即使没有运行离子资源）。

Answer 2

您应该在插件中添加this，然后在config.xml中添加设置  会工作的。

Answer 3

是的，您已经阅读了相关说明，但您所缺少的是ionic resources命令。看一下here for more info，但基本上你只需要在创建.png文件所需的.psd并将它们放在{{1}中之后，从根项目目录运行前面提到的ionic resources命令}文件夹。