Here is how I use $ionicConfigProvider for my app:
// Platforms
.config(function($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');
})
It might be useful to somebody. I have two things you all can help. 1. On both platforms, I have to add this to the view to get the menu.
<ion-nav-buttons side="left">
<button menu-and-drawer-toggle class="button button-icon icon ion-android-menu"></button>
</ion-nav-buttons>
Is there a way to do this with $ionicConfigProvider for both platforms? 2. When adding hide-nav-bar with your own,
<ion-header-bar class="bar-light">
<div class="buttons">
<button menu-and-drawer-toggle class="button button-icon icon ion-android-menu"></button>
</div>
<h1 class="title main-title">Title</h1>
<div class="buttons">
<button class="button button-icon icon ion-android-calendar" ui-sref="whateverview></button>
</div>
</ion-header-bar>
in ionic serve --lab, every title alignment is correct for both platforms. However, when run android for the first time the title alignment is right next to menu. After that the alignment is back to normal. Thanks.