在使用ionic框架中遇到一个tabs在安卓环境下跑到上面的问题

  • 使用框架:angular
  • ui框架:ionic
    解决:
    在app.js中配置config
angular.module('myApp',[]).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('bottom');
    $ionicConfigProvider.platform.ios.navBar.alignTitle('center');
    $ionicConfigProvider.platform.android.navBar.alignTitle('center');
    $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');
    $stateProvider.state('tabs',{
        url:'/tabs',
        abstract:true,
        templateUrl:'templates/tabs.html'
    })
})

本人亲测,完美解决。

你可能感兴趣的:(在使用ionic框架中遇到一个tabs在安卓环境下跑到上面的问题)