ionic App 解决android端在真机上 tab处于顶部的Bug

Posted F_Ender

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic App 解决android端在真机上 tab处于顶部的Bug相关的知识,希望对你有一定的参考价值。

在app.js 页面中添加以下代码

.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) {

      $ionicConfigProvider.platform.ios.tabs.style(‘standard‘);
      $ionicConfigProvider.platform.ios.tabs.position(‘bottom‘);
      $ionicConfigProvider.platform.android.tabs.style(‘standard‘);
      $ionicConfigProvider.platform.android.tabs.position(‘standard‘);

      $ionicConfigProvider.platform.ios.navBar.alignTitle(‘center‘);
      $ionicConfigProvider.platform.android.navBar.alignTitle(‘left‘);

      $ionicConfigProvider.platform.ios.backButton.previousTitleText(‘‘).icon(‘ion-ios-arrow-thin-left‘);
      $ionicConfigProvider.platform.android.backButton.previousTitleText(‘‘).icon(‘ion-android-arrow-back‘);

      $ionicConfigProvider.platform.ios.views.transition(‘ios‘);
      $ionicConfigProvider.platform.android.views.transition(‘android‘);

 })

  重新打包安装即可。

以上是关于ionic App 解决android端在真机上 tab处于顶部的Bug的主要内容,如果未能解决你的问题,请参考以下文章

Charles学习之使用Map local代理本地静态资源以及配置移动端代理在真机上调试iOS和Android客户端

小程序scroll-view的bindscroll在真机上不触发的解决方案?

小程序图片在真机上不能查看的问题

(转载)APP测试点总结

移动终端app测试点总结

Xcode在iOS15真机上调试加载App挂起1分钟的根本原因及解决