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

如何在ionic 2中禁用闪屏?

在Ionic 2中禁用闪屏可以通过以下步骤实现:

  1. 打开Ionic项目的根目录。
  2. 导航到src/app/app.component.ts文件。
  3. 在该文件中,找到platform.ready().then(() => { ... })代码块。
  4. 在该代码块中,添加以下代码来禁用闪屏:
  5. 在该代码块中,添加以下代码来禁用闪屏:
  6. 这段代码使用了setTimeout函数来延迟隐藏闪屏,确保应用加载完成后再隐藏闪屏。

请注意,上述代码中使用了splashScreen对象来隐藏闪屏。在Ionic 2中,需要先安装并配置cordova-plugin-splashscreen插件才能使用该对象。你可以通过以下命令安装该插件:

代码语言:txt
复制
ionic cordova plugin add cordova-plugin-splashscreen
npm install @ionic-native/splash-screen

安装完成后,你需要在src/app/app.module.ts文件中导入并添加SplashScreenproviders数组中:

代码语言:txt
复制
import { SplashScreen } from '@ionic-native/splash-screen';

@NgModule({
  declarations: [...],
  imports: [...],
  bootstrap: [...],
  entryComponents: [...],
  providers: [
    ...
    SplashScreen,
    ...
  ]
})
export class AppModule { }

这样,你就可以在Ionic 2中禁用闪屏了。禁用闪屏可以提升应用的启动速度和用户体验。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

具体操作时,当我们点击桌面图标启动APP时,有时会一下黑色背景,有时黑色背景时间还比较长。...所以解决方式有好几种,可以看这两篇文章: Android启动页优化,去黑屏实现秒启动 Android启动页黑屏及最优解决方案 具体应用在ionic上可以参照这个: 快速解决ionic安卓主题启动时短暂的黑屏或白屏问题...创建一个主题,修改其背景为透明,或者和启动图片一致; b. AndroidManifest.xml文件,把主题改为上述主题。...我这里定义了两个样式,来满足不同喜好,使用时二选一就行了:第一个样式,screen.png作为ionic或cordova默认生成的启动图片,于是使用screen.png为背景图;第二个样式为透明主题。...加与不加这参数的区别其实是AOT(Ahead-of-time,提前编译)和JIT(Just-in-time,即时编译)的区别,使用参数后使用AOT,若代码存在不规范的地方,缺文件使得应用报错而无法启动

3.6K60
  • Ionic开发hybrid APP

    而且私以为在目前激烈而又变化快速的移动APP市场环境下,用phonegap来开发APP未尝不是一种低成本mvp的方案,快速发布,成王败寇^-^ 为什么选用ionic 其中ionicframework便是...甚至最近开发出的可视化开发工具Ionic Creator 最后便是至关重要的,异常活跃的在线社区。 安装使用 官网的使用教程完全足够。...$ npm install -g cordova ionic $ ionic start myApp tabs $ cd myApp $ ionic platform add ios $ ionic build...ios $ ionic emulate ios 以及私人推荐的电脑浏览器调试命令:$ ionic searve 相关插件扩展推荐 SQLite插件,如果你的APP需要持久保存用户数据,强烈推荐你使用...启动图片(或称)插件:$cordovaSplashscreen,之所以推荐也必装这个插件的原因是,默认情况下启动图片时间停留较短,如果你的APP在这段时间没有完成数据加载或者视图渲染等(需要查询SQLite

    2.4K10

    RSSHelper正式开源

    内容等都是wordpress)外,拿不出能看的项目,Java仅限于安卓玩具和SSH配出来的Hello World,这个小玩具可能是作为加分项了吧(猜测) 自己用了半年的样子,后来知道了有更合适的方式:ionic...之类的依赖Cordova实现的跨平台方案 三.ionic应用 2个月的前期准备(跟着计划走,学了一点PHP,一些angular),花1周时间做好了: PHP服务现场抓取RSS/HTML 内存缓存 + 本地缓存...,简单过期策略 签名发布,正规安卓应用 遇到一些问题: JSONP跨域,接angular simplexml_load_file原生模块解析XML splash、inappbrowser插件版本兼容性...相比纯手写的安卓应用,ionic开发遇到了更多问题,而且更难解决,很多奇怪的问题无法定位,只能google 四.PHP服务更新 simplexml_load_file原生模块很脆弱,遇到不合法的XML...platform add ios 2.构建 ionic build ios 3.模拟器运行 ionic emulate ios 4.真机安装 cd /myapp/platforms/

    2K50

    【开发指南】(六)Ionic3从目录结构理解开发

    ionic3一个完整项目,一般会有以下文件夹: ?...启动资源,在此目录下的资源通过下述命令会把资源按分辨率生成到原生项目目录中,省却自己逐个调整分辨率及拷贝的繁琐工作: ionic cordova resources 或只针对单个平台的: ionic...cordova resources 平台名 命令可选参数为: --force, -f 强制重建资源; --icon, -i 创建图标资源; --splash, -s 创建启动;...那自然是后者好点,所以基于配置的概念在ionic中无处不在,而上述的所有目录及文件,我们几乎只需动config.xml、package.json、src。...另外它们的名字也是可变的,只是基于约定大于配置的概念,而且利用ionic-cli命令行生成文件,ionic g pipe date会生成到上述默认文件夹名称中,所以建议保持一致。

    2.8K10

    Ionic4与Ionic3部分比较

    有较长时间没有用Ionic了,见新的公众号需求比较简单,便决定使用Ionic4来实现。...其实,Ionic2和Ionic3的差别不大,而ionic4则变化比较大了,它支持angular、vue、react或其它任意js框架,甚至不使用js框架,它更像一个纯粹UI库。...ionViewDidEnter ionViewWillLeave ionViewDidLeave ionViewWillUnload ionViewCanEnter ionViewCanLeave 也相应做了调整,:...三、组件和指令的变更 Ionic为了更通用化,把原来的指令调整为更通用标准的属性方式,icon-right调整为slot="end", large变成size="large",<button ion-button...四、主题样式的变更 这一块也是变更比较大的,这个我不详做说明了,有空自己看吧: ionic4主题样式 五、打包 因为默认懒加载,所以能很大提高首加载速度,适用于Web项目,但没有Webpack集成,

    7K10

    Android 启动优化详解

    下面说到的启动一般指冷启动 启动过程 (桌面) 点击响应,应用解析 (系统) 预览窗口显示(根据Theme属性创建,如果Theme中指定为透明,看到的仍然是桌面) (应用) Application创建, 页.../启动页 Activity创建(一系列的inflateView、onMeasure、onLayout) (系统) 显示 (应用) MainActivity创建界面准备 (系统) 主页/首页 显示 (...优化: 预览(今日头条),预览窗口实现成效果,高端机上体验非常好,不过低端机上会拉长总的时长(建议在Android6.0以上才启用此方案); //优点:避免点击桌面图标无响应 //缺点...:拉长总的时长 //(可以配合三方库懒加载,异步初始化等方案使用,减少初始化时长) //1....子线程install(不推荐): 页开一个子线程去执行MultiDex.install,然后加载完才跳转到主页, 需要注意的是页的Activity,包括页中引用到的其它类必须在主dex中,

    5.3K85

    【开发指南】(三)认识ionic3

    说了一堆,也许有人会问:“那Ionic其实是啥?“,简单来说,Ionic是一套大而全的UI框架!...它只提供了使用JavaScript调用Native功能,在开发的时候还需要开发人员自己去实现诸如样式美化、页面切换、数据展示、弹出框、Modal窗体、日期选择器等功能或组件,为了提高开发效率,出现了各种前端框架,国外的...Ionic1基于Angular1开发。...相应的ionic2也同步升级到3。 或许有人会说,ionic2才接触没多久,结果又升到ionic3了,会不会太快不适应?...其实ionic3基本向下兼容ionic2,除去性能等问题,两个版本变更编码直观感受深点的,就是懒加载和路由的调整(新版懒加载变得更加简单,利于web版开发和加快页面首加载),另外还有内置指令的更灵活化

    2.7K40

    启动优化

    下面说到的启动一般指冷启动 启动过程 (桌面) 点击响应,应用解析 (系统) 预览窗口显示(根据Theme属性创建,如果Theme中指定为透明,看到的仍然是桌面) (应用) Application创建, 页.../启动页 Activity创建(一系列的inflateView、onMeasure、onLayout) (系统) 显示 (应用) MainActivity创建界面准备 (系统) 主页/首页 显示 (...优化: 预览(今日头条),预览窗口实现成效果,高端机上体验非常好,不过低端机上会拉长总的时长(建议在Android6.0以上才启用此方案); //优点:避免点击桌面图标无响应 //缺点...:拉长总的时长 //(可以配合三方库懒加载,异步初始化等方案使用,减少初始化时长) //1....子线程install(不推荐): 页开一个子线程去执行MultiDex.install,然后加载完才跳转到主页, 需要注意的是页的Activity,包括页中引用到的其它类必须在主dex中,

    3.5K54

    使用 React Native 重写大型 Ionic 应用后,我们想分享一下这八个经验

    其 1.0 和 2.0 主要使用 Ionic 实现,Ionic 1.x 的主要问题是 Angular 1.x 已经落后了。...新的组件坑更多,文档更新不及时 当我们更新了我们的 RN 版本,我们可能会遇到文档更新不及时的问题。...并且,我们可以使用直接使用大量的 Node.js 的库, moment。 由于,这是我第二次尝试 React Native,总的来说体验比第一次好多了。...注:在 Ionic 时代,可以用 Ionic resources 来生成 icon 和 splash 以适配不同的机型。...记得记录崩溃问题 我在 release Growth 3.0 的早期版本 2.9.9 的时候,漏掉了一个对 Null 值的判断,结果造成了大量的退问题(三十几个用户)。

    1.8K60

    第123天:移动web开发中的常见问题

    以下方法来进行全局的禁止: html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ios用户点击一个链接,会出现一个半透明灰色遮罩, 如果想要禁用...另外,有些机型去除不了,小米2。对于此类问题还有个办法,不使用a或者input标签,直接用div标签。 winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉?...9、如何在移动端禁止用户选中内容?...消除transition: .css{ /*设置内嵌的元素在 3D 空间如何呈现:保留 3D*/ -webkit-transform-style: preserve-3d;.../*(设置进行转换的元素的背面在面对用户时是否可见:隐藏)*/ -webkit-backface-visibility: hidden; } 开启硬件加速: 解决页面白。

    1.5K20

    【技巧】ionic3视频播放

    npm install --save @ionic-native/streaming-media 其次在app.module.ts文件中的providers里添加StreamingMedia。...最后在调用的页面如下使用(详细使用请点插件链接进github查看): import { StreamingMedia, StreamingVideoOptions } from '@ionic-native...往往需要自己定制样式和配置属性,像在ios上,一般会添加下面两属性允许局部播放: 为了少摸索折腾,可以使用第三方js,video.js...因为问题还存在着:当全屏时,尤其是android,会黑屏,可以开启GPU硬件加速来解决,但也并不是很好的方法,此时可以使用伪全屏——用样式模拟,这样又涉及到横竖切换的监听等等,这里不详细说明,有兴趣可以看看此文...(我没验证其可行性,只是看上去觉得思路大致一致): https://segmentfault.com/a/1190000006857675 当然,也可以两者混合使用,组合操作就行,全屏使用原生的全屏播放

    1.9K30

    win7下虚拟显示器完成记(virtual monitor)——VDI显卡透传场景「建议收藏」

    我们VDI使用spice协议,spice协议的图片来源是QXL显卡驱动,现在QXL显卡被透传显卡取代了,QXL驱动没有了用武之地,如果此时想使用spice协议进行连接,可想而知,结果就是黑屏,问题是如何在不改变...就不能开启毛玻璃效果,且DirectDraw加速之类的不能使用,大大降低了体验; (3)对D3D全屏场景,3D游戏全屏,Media Center全屏,Mirror驱动是截不到的,具体原因我这里就不多讲了...,可以自行研究; (4)在测试过程中发现有些场景,PS的画图场景,开启硬件加速后,只要有开启mirror驱动,延时就会变得相当严重,开始以为是我们mirror驱动实现的问题,后面直接把微软的sample...后面会陆续遇到: (1)毛玻璃效果开启后虚拟显示器不支持,会一直狂然后蓝屏; (2)在Intel集显上Mediacenter在扩展上显示不了,出现黑屏、问题; (3)在AMD显卡上,一些播放器,...Potplayer在扩展上播放视频,帧率会比较低; (4)在AMD显卡上测试显卡帧率的网站,在物理显示器上运行,有60帧,在扩展上运行时,降到不到10帧; (5)Furmark测试显卡性能,在扩展上相当卡顿

    4.4K20

    如何有效解决高清视频传输中出现的、黑屏、蓝屏问题?

    为什么别人4K超高清的视频看起来如此流畅,而你一个1080P的高清视频却经常出现、黑屏、蓝屏? ​...在很多视频监控传输的项目,当我们做完项目后,经常会遇到、黑屏、蓝屏的问题,反复检查线路和接线后仍一筹莫展,查不出问题所在。...这是为什么,工程师为您解答,如何有效解决高清视频传输中出现的、黑屏、蓝屏的问题。 ​...当传输的数据很小时,使用普通的SFP光模块确实也可以实现光电转换传输,但是当数据量稍微大一点,而且传输的是不规则码率信号时,那么问题就会马上凸显出来,即出现的、黑屏、蓝屏等问题。...发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    1.4K30

    polyfill — Respond.js

    越早引入越好,在 IE 下面看到页面的概率就越低,因为最初 css 会先渲染出来,如果 respond.js 加载得很后面,这时重新根据 media query 解析出来的 css 会再改变一次页面的布局等...,所以看起来有的现象....); 最好不要为 CSS 设置 utf-8 的编码,使用默认(原因详见下面的文档提示部分) 文档提示 在官方文档当中的一些提示: 越早的引入 respond.js 文件,也就越可能避免 IE 下出现的...跨域可能会出现(还没有测试,具体情况不详) NOTE Respond.js 和 跨域(cross-domain) CSS 的问题 如果Respond.js和CSS文件被放在不同的域名或子域名下面(例如...会出现。并不是很推荐使用,虽然能够支持全部的 media queries,但 min-width 和 max-width 其实就可以满足我们对响应式布局的需要。

    1K20
    领券