资讯专栏INFORMATION COLUMN

cordova+vue做的app解决引入cordova-plugin-splashscreen后启动

时飞 / 1213人阅读

摘要:先上项目目录结构项目结构结构图中用红框框起来的为主要修改文件这篇主要的讲项目引用了插件后,启动的时候,会先显示黑屏,然后在显示设置的启动页,主要解决先闪黑屏的问题关与插件的使用方法网上很多,这里就不详解了方法一思路把先显示的黑屏

先上项目目录结构
cordova项目结构

android platform 结构

图中用红框框起来的为主要修改文件

这篇主要的讲cordova项目引用了cordova-plugin-splashscreen插件后,启动webapp的时候,会先显示黑屏,然后在显示cordova-plugin-splashscreen设置的启动页,主要解决 先闪黑屏的问题
关与cordova-plugin-splashscreen插件的使用方法网上很多,这里就不详解了

方法一

思路:把先显示的黑屏改为透明的,这样就不会先显示黑屏,而是透明,这样会造成点击应用图标时,会慢那么一点,这是因为透明看起来没有差别
解决办法:

这个文件是AndroidManifest.xml 上面的图有用红框标注在哪里,
把这个安卓的主题改为

这样就解决了启动先显示黑屏的问题
那么问题来了,点击到显示启动页中间停留的时间,虽然比较短,但是让人感觉不好,那么请看方法二,
方法一只需要修改一句代码,则不用新增主题文件,因为这是android自带的主题

方法二

思路:参考安卓的启动方式,自定义启动页显示
解决方法:更改为自定义主题

增加主题文件

文件的名称为styles.xml 文件的存放路径参考上面的项目图,aaa为示例图片,存放文件夹也有在项目图上标注出来
这样做就避免了透明主题的等待时间,一点开webapp,就显示的是aaa.png那张图片

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94542.html

相关文章

  • cordova+vue做的app解决引入cordova-plugin-splashscreen启动

    摘要:先上项目目录结构项目结构结构图中用红框框起来的为主要修改文件这篇主要的讲项目引用了插件后,启动的时候,会先显示黑屏,然后在显示设置的启动页,主要解决先闪黑屏的问题关与插件的使用方法网上很多,这里就不详解了方法一思路把先显示的黑屏 先上项目目录结构cordova项目结构showImg(https://segmentfault.com/img/bV9abb?w=325&h=223); an...

    printempw 评论0 收藏0
  • 指尖前端重构(React)技术调研分析

    摘要:一为什么选择是当前前端应用最广泛的框架。目前来看的生态系统要比大的多,在等最大的技术社区搜索两者,的搜索结果是的十倍左右,另外据近期统计使用的站点是的几百倍以上。其中是基于技术,依然是浏览器应用。 一、为什么选择React React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。 Angular出现最早,但其在原理上并没有React创新的性能优化...

    AlphaWallet 评论0 收藏0
  • Capacitor 新一代混合应用“神器” 会代替Cordova吗??

    摘要:介绍畅想是由团队最新开发维护的一个跨平台的应用程序容器,可以轻松构建在,,和上本机运行的应用程序。后者旨在替代或者说是进化。希望看到在未来发展,以及正式发布。我认为它有可能大大改善混合应用开发体验。 1.介绍or畅想 Capacitor是由ionic团队最新开发维护的一个跨平台的应用程序容器,可以轻松构建在iOS,Android,Electron和Web上本机运行的Web应用程序。我们...

    番茄西红柿 评论0 收藏0
  • ionic4+vue+cordova开发混合应用

    摘要:摘要是可以让我们使用开发即使来移动应用的框架。如果你熟悉可以直接使用开发,但如果你熟悉使用或并且也想使用,可以使用版本,本文就以来说明这两者如何结合使用。除此之外还引入和来对把我们代码打包成安卓或应用。。 摘要 ionic是可以让我们使用web开发即使来移动应用的框架。ionic4之前,ionic只能和angular搭配使用,ionic4后把ionic抽离成四个版本,@ionic/co...

    Yujiaao 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<