首页 > 代码库 > ionic App 解决android端在真机上 tab处于顶部的Bug

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