ionic(cordova)にてAndroidでもタブバー(ion-tabs)を画面下にする方法

Androidでion-tabsをデフォルトのまま使うとこんな感じで、画面上に設置され選択中のタブの下にラインが表示される。Android的にはこのUIが推奨されるのでしょうが、実案件ではiOSと合わせるということも多いはず・・・

f:id:yoppy0066:20170808154352p:plain:w250

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])
.run(function($ionicPlatform) {
  ・・・
})
.config(function(
  $stateProvider,
  $urlRouterProvider,
  $ionicConfigProvider                                                                                                                                                                                             
) {

  ・・・ 

  // ★ここを追加
  $ionicConfigProvider.tabs.style("standard"); // 選択中のタブの下ラインを消す                                                                                                                                     
  $ionicConfigProvider.tabs.position("bottom"); // タブを画面下に                                                                                                                                                  
}

以上です。