经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » ionic » 查看文章
三步实现ionic3点击退出app程序
来源:jb51  时间:2019/9/17 12:57:49  对本文有异议

本文实例为大家分享了ionic3点击退出app程序的具体代码,供大家参考,具体内容如下

其实也很简单。大概分为三步

1.tabs.ts文件需要声明一下

  1. @ViewChild('mainTabs') tabs:Tabs;//声明tabs组件(<ion-tabs #mainTabs >)

2.app.component.ts文件

  1. @ViewChild('myNav') nav: Nav;//声明根组件(<ion-nav #myNav [root]="rootPage">)

3.贴代码  

  1. platform.ready().then(()=>{
  2. this.exitApp();
  3. })
  4. public backButtonPressed: boolean = false;
  5. exitApp() {
  6. this.platform.registerBackButtonAction(() => {
  7. //控制modal、系统自带提示框
  8. let overlay = this.appCtrl._appRoot._overlayPortal.getActive() || this.appCtrl._appRoot._modalPortal.getActive();
  9. if (overlay) {
  10. overlay.dismiss();
  11. return;
  12. }
  13. let activeVC = this.nav.getActive();
  14. let page = activeVC.instance;
  15. if (page.tabs) {
  16. let activeNav = page.tabs.getSelected();
  17. if (activeNav.canGoBack()) {
  18. return activeNav.pop();
  19. } else {
  20. return this.showExit();
  21. }
  22. }
  23. if (page instanceof LoginPage) {//查看当前页面是否是登陆页面
  24. this.showExit();
  25. return;
  26. }
  27. this.appCtrl.getActiveNav().pop();//剩余的情况全部使用全局路由进行操作
  28. });
  29. }
  30. //双击退出函数
  31. showExit() {
  32. if (this.backButtonPressed) {
  33. this.platform.exitApp();
  34. } else {
  35. this.presentToast();//再按一次退出
  36. this.backButtonPressed = true;
  37. setTimeout(() => {
  38. this.backButtonPressed = false;
  39. }, 2000)
  40. }
  41. }
  42. presentToast() {
  43. let toast = this.toastCtrl.create({
  44. message: '再按一次退出应用',
  45. duration: 2000,
  46. position: 'top'
  47. });
  48. toast.onDidDismiss(() => {
  49. console.log('Dismissed toast');
  50. });
  51. toast.present();
  52. }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持w3xue。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号