ionic(cordova)にてAndroidでもタブバー(ion-tabs)を画面下にする方法
Androidでion-tabsをデフォルトのまま使うとこんな感じで、画面上に設置され選択中のタブの下にラインが表示される。Android的にはこのUIが推奨されるのでしょうが、実案件ではiOSと合わせるということも多いはず・・・
angular.module('starter', ['ionic', 'starter.controllers', 'starter.services']) .run(function($ionicPlatform) { ・・・ }) .config(function( $stateProvider, $urlRouterProvider, $ionicConfigProvider ) { ・・・ // ★ここを追加 $ionicConfigProvider.tabs.style("standard"); // 選択中のタブの下ラインを消す $ionicConfigProvider.tabs.position("bottom"); // タブを画面下に }
以上です。