首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【技巧】ionic3优雅解决启动前、后黑白屏问题

这里只说明androd和ios的情况。 1、启动前黑白屏 启动前黑白屏问题,仅存在于android,是android应用的通病,ionic表示这锅它不背。...所以解决方式有好几种,可以看这两篇文章: Android启动页优化,去黑屏实现秒启动 Android启动页黑屏及最优解决方案 具体应用在ionic上可以参照这个: 快速解决ionic安卓主题启动时短暂的黑屏或白屏问题...; 上述两步的可以直接下载已放到github上的插件cordova-fix-blackscreen。...4)应用项目的config.xml文件添加下面一句,指定使用的主题(2选1),这样在cordova build时,cordova-custom-config插件会执行并修改这句里的文件参数。...我们可以验证一下,执行命令运行看效果: ionic run android 2、启动后黑白屏 ionic启动页使用了cordova-plugin-splashscreen这个插件,插件配置在应用的config.xml

3.6K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 Cordova 构建应用的流程

    这种方法只有在你确定没有其他插件会依赖于你引用的库(例如,如果库是特定于你的插件的)的情况下才能使用。 否则,如果另一个插件添加了相同的库,就有可能导致你的插件用户出现构建错误。...运行以下命令重建应用程序,并在特定平台的模拟器中查看它: $ cordova emulate android 接下来使用 cordova emulate 命令刷新模拟器映像以显示最新的应用程序,现在可以在主屏幕上启动...以下为支持的平台提供说明: Android WebViews iOS WebViews 下一步 对于那些了解如何使用 Cordova CLI 和使用插件的开发人员,有一些事情你可以考虑下一步研究,以构建更好...性能考虑 点击与触摸 最大和最简单的错误,你可以使用点击事件。 虽然这些"工作"在移动设备上还不错,但大多数设备都会延迟300毫秒,以区分触摸和触摸"保持"事件。...应用界面 构建一个在移动设备上看起来不错的 Cordova 应用程序可能是一个挑战,尤其是对开发人员来说。 许多人选择使用 UI 框架来简化这个过程。 这里有一个简短的选项列表,你可以考虑一下。

    4.3K11

    Cordova@6.4.0以上灵活修改配置

    还记得我在此文【技巧】ionic3优雅解决启动前、后黑白屏问题中添加了一个勾子插件cordova-custom-config来修改配置的主题。...现在cordova默认添加都7.0以上了,而降级到6.4.0也能兼容旧项目,那尝试去掉勾子插件去把上述文章中的配置方式改一下。.../android-phonegap-error-error-parsing-xml-unbound-prefix 里面回复的意思是,用到一个未知标签或属性时要先绑定一个前缀。.../12293/20 看标题和我们的使用场景有点出入,但还是我常说的一句话——殊途同归,原理差不多,等找到此人 AshConnell 的回复,便尝试一下,在widget标签中添xmlns:android=.../res/android"> 再跑一次命令ionic cordova build android,没有错误,能正常生成。

    1.3K40

    关于ionic2打包android时gradle下载不了的解决方法(附:简单优化启动速度彩蛋)

    问题 之前在使用ionic2时使用建立android平台命令或者编译时,总是会在获取gradle时卡住,等很久进度也不变化,导致命令超时失败。于是经过查阅资料和自己实践测试,总结出以下办法。...首先我们打开下面这个js: 你的项目名称/platforms/android/cordova/lib/builders/GradleBuilder.js 其中有对distributionUrl的默认定义...存放到如下路径: 你的项目名称/platforms/android/gradle 然后把上面我们找到的代码修改成: var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL...var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'http://127.0.0.1:8081...---- 彩蛋 ionic2打包android的app打开时很长时间白屏的简单解决方法: 在用ionic build android命令时,在后面加上--prod参数,即使用ionic build android

    79630

    Android MVVM框架使用(十三)UI更新 (App启动白屏优化、适配Android10.0深色模式)

    UI更新 (App启动白屏优化、适配Android10.0深色模式) 前言 正文 一、启动白屏优化 1. 样式文件 2. 修改页面 二、适配深色模式 1. 颜色 2. 样式 3....正文   我的MVVM-Demo的启动也是有白屏的,我们先观察一下啥样。 你多观察一下,会发现有一个短暂的白屏。...一、启动白屏优化   首先我们处理白屏的问题,首先我想的是更改一下启动页的样式,之前是一片白,现在我改成绿色的,绿才有安全感,要想代码过得去,样式就得带点绿,手动滑稽。...你会发现这里有一个value-night文件夹,它里面只有一个themes.xml,简单明了的说就是当你的手机系统打开了深色模式的开关,你的App就会自动去使用values-night下的资源文件,包括样式...MVVM-Demo去进行改动的,改动后的源码也会提交的GitHub上,因此在后面的内容中我不会每一个地方都讲一遍,毕竟实在是太多了,而且改起来比较繁琐,这里也奉劝一下,如果你的项目一开始没有做这个适配的话

    1.1K10

    Mediapipe框架在Android上的使用

    编译文件BUILD中内容如下,name是生成后aar的名字,calculators为使用的模型和计算单元,其他的模型和支持计算单元可以查看 mediapipe/graphs/目录下的内容,在这个目录都是...其中目录 hand_tracking就是使用到的模型,支持的计算单元需要查看该目录下的BUILD文件中的 cc_library,这里我们是要部署到Android端的,所以选择Mobile的计算单元。...这次我们需要寻找的是 mediapipe_binary_graph中的 name,根据我们所要使用的模型,同样这个也是只检测单个手的关键点,多个手的使用multi_hand_tracking_mobile_gpu_binary_graph...2、复制上一步编译生成的aar文件到app/libs/目录下,该文件在mediapipe根目录下的以下路径: bazel-bin/mediapipe/examples/android/src/java/...还需要指定项目使用的Java版本为1.8。

    3.1K10

    ProGuard 在 Android 上的使用姿势

    尽管有很多其他工具供开发者们使用,但是 ProGuard 作为 Android Gradle 构建过程的一部分,已经打包在 SDK 中。 当我们构建应用时,使用 ProGuard 有很多好处。...如果以上还不足以说服您使用 ProGuard,其实移除无用代码和混淆所有名称还有其他更多的优化效果: 在一些版本的 Android 设备上,DEX 代码会在安装或者运行时被编译成机器码。...这些警告的一个原因就是,您的构建路径中没有加入需要依赖的 JARs,如使用了 provided (仅编译时)依赖。而有时候,在 Android 上这些代码的依赖在运行时并不会被真正的调用。...在某些情况下,ProGuard 的警告确实有助于您发现闪退的罪魁祸首和关于您配置上的其他问题。...tools 目录下(SDK/tools/proguard/proguard-android.txt),但在新版的 SDK Tools 和 Android Gradle 插件版本2.2.0+上,可以在构建时从

    2.6K40

    Mediapipe框架在Android上的使用

    Android上的使用 MediaPipe是用于构建跨平台多模态应用ML管道的框架,其包括快速ML推理,经典计算机视觉和媒体内容处理(如视频解码)。...其中目录 hand_tracking就是使用到的模型,支持的计算单元需要查看该目录下的BUILD文件中的 cc_library,这里我们是要部署到Android端的,所以选择Mobile的计算单元。...这次我们需要寻找的是 mediapipe_binary_graph中的 name,根据我们所要使用的模型,同样这个也是只检测单个手的关键点,多个手的使用multi_hand_tracking_mobile_gpu_binary_graph...2、复制上一步编译生成的aar文件到app/libs/目录下,该文件在mediapipe根目录下的以下路径: bazel-bin/mediapipe/examples/android/src/java/...还需要指定项目使用的Java版本为1.8。

    9.7K60

    MongoDB在Android上的使用体验

    【前言】一般来讲,Android使用的数据库都是自带的SQLite数据库。Web重量级的MySQL、Orcacle、NOSQL等都不适用于Android项目的开发。...但是我发现了一个Web上最近几年比较火的一个数据库 ---- MongoDB。查看它的官网发现,它还可以用于Android开发,而且官方文档也给出了一些API说明。...于是我决定写下这篇博客分享一下MongoDB在Android上怎么使用。...【说明】:MongoDB也可以在iOS上面使用,我是做安卓开发的,本文只讲解MongoDB在Android上面的使用,iOS的使用情况请上MongoDB官网自行查阅。...默认情况下,Android Studio会为AVD部署选择x86映像,刚好运行的模拟器使用了x86镜像,导致了这个错误的发生。

    3.7K20

    基于React-Native0.55.4的语音识别项目全栈方案

    方案调研和新的坑 o( ̄▽ ̄)d 既然从移动端直接访问Web应用时无法调起录音接口,至少是无法兼容很多系统和机型,如果不考虑直接原生开发Android的话,只有寄希望于Hybrid的方案了。...WebView是Android底层用于加载网页的组件,Android4.4版本以后已将内置的浏览器引擎更换为chromium,也就是chrome的内核,从Can I Use上查询的支持度是Android5.0...版本,例如新的cordova7.0.0在官方文档的说明中是支持android从4.4到8.1版本的,笔者认为非常适合小型hybrid开发团队使用。...测试结果: 笔者曾在使用cordova3.3的时候就融入过crosswalk,也通过cordova插件成功调用过底层的GPS,摄像头及其他一些原生组件,当时是为了适配Android4.4版本。...cordova7.0.0的脚手架经测试在国内是可以使用的,新建的工程无论是通过自带命令行还是import进Android Studio来进行开发都可以打包为对应的工程,官方文档有很详细的调用各种底层接口的说明

    3.7K30

    Android高版本http网络请求失败的Cordova配置处理

    参考此文追加说明及处理方案:Android P http网络请求失败 问题出现的原因是因为Android高版本(Android 6.0)以上默认使用TLS保护用户信息,详见以下文档: Transport...我们保证数据安全的一种方式是通过保护所有进入或离开使用TLS技术的Android设备数据。...正如我们在Android P开发人员预览版中所宣布的那样,我们通过默认阻止Android P应用使用未加密连接通信来进一步提升安全性。 这是我们多年来为保护Android用户所做的各种更改。...针对这种情况,有以下解决方案: 使用https。条件允许的话,建议使用,以增强安全性。 Android编译的targetSdkVersion改为27以下。...综合考量,第3种方案个人认为会好点,Cordova配合其使用也很简单: 在config.xml文件中,在 android"/>节点内添加配置项即可: <edit-config

    7.8K31

    谈谈对Android上AspectJ使用的想法

    AOP是什么 概念:AOP是Aspect Oriented Programming的缩写,即『面向切面编程』;切面编程,就是在你项目原有的功能基础上,通过AOP去添加新的功能,这些功能是建立在原有功能的基础上的...的思想来编程,很多时候,可能会混合多种编程思想,大家也不必要纠结该使用哪种思想,取百家之长,才是正道。...AOP的使用场景 主要用于不想侵入原有代码的场景中,例如SDK需要无侵入的在宿主中插入一些代码,做日志埋点、性能监控、数据校验、持久化、动态权限控制、甚至是代码调试等等。...什么是AspectJ AspectJ实际上是对AOP编程思想的一个实践,当然,除了AspectJ以外,还有很多其它的AOP实现,例如ASMDex,但目前最好、最方便的,依然是AspectJ。...应用 在Android项目中使用AspectJ 在android中配置aspectj是特别麻烦的,目前市场上流行的一款在Android使用的插件 gradle_plugin_android_aspectjx

    1.7K40

    ionic 中 cordova-plugin-inappbrowser组件的使用

    前言 在上一篇文章中(使用Ionic3创建原生app系统入门)介绍了如何使用ionic构建一个Android app 项目,并生成apk安装包。...简单介绍下 主要的开发工作就是在pages文件夹下,看名字也知道是什么意思了。每个页面是一个独立的模块。文件名称不要重复,编译时会报错。 ?...项目结构 cordova-plugin-inappbrowser组件使用 这个组件看名字,大致应该知道是调用app内置浏览器的。 在我们的app中要嵌入第三方应用的时候需要使用。...在这个例子中,我要实现的便是个人介绍页面,链接到对应相关的第三方博客中。...官方 https://ionicframework.com/docs/native/in-app-browser/ 安装cordova-plugin-inappbrowser ionic cordova

    2.3K20

    在Android P上使用Http

    前言 不少同学在适配Android P的时候会遇到not permitted by network security policy问题: //使用HttpUrlConnection时遇到的异常 W/System.err...表示,为保证用户数据和设备的安全,针对下一代 Android 系统(Android P) 的应用程序,将要求默认使用加密连接,这意味着 Android P 将禁止 App 使用所有未加密的连接,因此运行...Android P 系统的安卓设备无论是接收或者发送流量,未来都不能明码传输,需要使用下一代(Transport Layer Security)传输层安全协议,而 Android Nougat 和 Oreo...在Android P系统的设备上,如果应用使用的是非加密的明文流量的http网络请求,则会导致该应用无法进行网络请求,https则不会受影响,同样地,如果应用嵌套了webview,webview也只能使用...解决问题 主要方案有三种 使用https target降低至27 允许使用http 第一种方案当然是最好的了,强烈建议使用该方案。

    2.1K20

    Vue3.0入门 + Vant3.0移动端实践(三)使用Cordova打包Android App

    接着上面两节,把做成的h5小应用打包成android的app放置在手机上看看效果。 如何把一个h5应用打包成android的app? 使用Cordova就是一种简单不错的办法。...当然也有其他的一些办法如使用HBuilderX这一强大的IDE工具,里面支持打包Android或ios的app,微信小程序等。...而使用Cordova打包的话,则依赖较少,比较简单。无论是网页的h5或者使用vue框架等打包的单页应用,都可以使用Cordova命令行工具快速的打包。...第四步,浏览器运行 cordova run : cordova run 5.第五步,打包apk安卓运行,生成的安卓包 cordova platform add android (前提条件:电脑上已有...最后,已经接近成功啦, 执行cordova build android 生成的app-debug.apk竟只有1.6M,够小够轻量。 安装到手机或设备上成功流畅运行。

    2.5K21
    领券