ionic安卓tab栏跑到顶部

  安卓下的ionic的tab会在顶部显示,而不是在底部

  解决办法如下:

  在app.js文件中的.config代码块里中添加以下代码:

  注意依赖注入$ionicConfigProvider

  

 1 $ionicConfigProvider.platform.ios.tabs.style(‘standard‘); 
 2 $ionicConfigProvider.platform.ios.tabs.position(‘bottom‘);
 3 $ionicConfigProvider.platform.android.tabs.style(‘standard‘);
 4 $ionicConfigProvider.platform.android.tabs.position(‘bottom‘);
 5     
 6 $ionicConfigProvider.platform.ios.navBar.alignTitle(‘center‘); 
 7 $ionicConfigProvider.platform.android.navBar.alignTitle(‘center‘);
 8     
 9 $ionicConfigProvider.platform.ios.backButton.previousTitleText(‘‘).icon(‘ion-ios-arrow-thin-left‘);
10 $ionicConfigProvider.platform.android.backButton.previousTitleText(‘‘).icon(‘ion-android-arrow-back‘);        
11     
12 $ionicConfigProvider.platform.ios.views.transition(‘ios‘); 
13 $ionicConfigProvider.platform.android.views.transition(‘android‘);

  这样问题就解决了

posted @ 2017-11-22 10:29  小旺同学  阅读(308)  评论(0编辑  收藏  举报