解決新建ionic項目時安卓的tab欄在頂部問題

一、前言

在創建ionic項目時，tab導航欄在IOS裏是放在底部，但在安卓項目裏卻被置頂了，那麼如何解決呢？其實很簡單，只需要添加以下代碼~

二、解決辦法

我們可以找到www文件夾–>js文件夾–>app.js文件
在config方法裏添加如下代碼

注意：需要注入$ionicConfigProvider
.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {

  if (ionic.Platform.isAndroid()) {
    $ionicConfigProvider.scrolling.jsScrolling(true);
    $ionicConfigProvider.tabs.position('bottom');
    $ionicConfigProvider.tabs.style('standard');
    $ionicConfigProvider.navBar.alignTitle('center');
    $ionicConfigProvider.backButton.icon('ion-ios-arrow-back');
  }
  $stateProvider

  // setup an abstract state for the tabs directive
    .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html',
  })

OK !執行一下 ionic serve -c -l 用瀏覽器跑一下看看，是否成功解決了~