先上项目目录结构
cordova项目结构android
android platform 结构web
图中用红框框起来的为主要修改文件app
这篇主要的讲cordova项目引用了cordova-plugin-splashscreen插件后,启动webapp的时候,会先显示黑屏,而后在显示cordova-plugin-splashscreen设置的启动页,主要解决 先闪黑屏的问题
关与cordova-plugin-splashscreen插件的使用方法网上不少,这里就不详解了webapp
思路:把先显示的黑屏改成透明的,这样就不会先显示黑屏,而是透明,这样会形成点击应用图标时,会慢那么一点,这是由于透明看起来没有差异
解决办法:spa
这个文件是AndroidManifest.xml 上面的图有用红框标注在哪里,
把这个安卓的主题改成插件
这样就解决了启动先显示黑屏的问题
那么问题来了,点击到显示启动页中间停留的时间,虽然比较短,可是让人感受很差,那么请看方法二,
方法一只须要修改一句代码,则不用新增主题文件,由于这是android自带的主题orm
思路:参考安卓的启动方式,自定义启动页显示
解决方法:更改成自定义主题xml
增长主题文件cordova
文件的名称为styles.xml 文件的存放路径参考上面的项目图,aaa为示例图片,存放文件夹也有在项目图上标注出来
这样作就避免了透明主题的等待时间,一点开webapp,就显示的是aaa.png那张图片图片