使用ionic开发app的时候,会发现切换页面的动画会卡顿,并不流畅,为了保证用户体验,大部分人会使用禁用动画的方法$ionicConfigProvider.views.transition('no');,但并不是最好的解决思路,cordova提供了native transitions可以让页面切换近乎原型的体验。主要步骤如下:
1、npm install ionic-native-transitions --save 下载该文件,并放入www/lib文件夹下
2、在index.html中加入
2、cordova plugin add cordvoa-plugin-NativePageTransitions安装该插件
3、在app.js中引入'ionic-native-transitions'配置如下信息并禁用$ionicConfigProvider.views.transition('no');
这样在打包成的app里,切面切换的效果会比ionic自带的要流畅不少;
注意:
页面切换的方向,后退
默认是左往右,其他则是右往左,有时候你可能并不用
这个标签,而是使用
该标签,后退加自定义的东西,这时后退是按右往左,那怎样左往右了,用$rootScope.$ionicGoBack()
;就可以,而不要使用$ionicHistory.goBack()
;之后的后退方法。
更多的可以看下这个地址
以上所述是小编给大家介绍的使用ionic切换页面卡顿的解决方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/js/43470.html