ionic 中安卓TAB导航在底部解决方案 $ionicConfigProvider, ios and android

分类: 在移动端的新的征程 | 标签: | 日期:


在 iOS中, tabs 一直处于底部. 在android中 ionic tabs 一直在顶部,如果要改我们可以通过配置$ionicConfigProvider

工程目录下 www 目录 js 里的app.js

 

打开后 .config(function($stateProvider, $urlRouterProvider) 替换为

.config(function($stateProvider, $urlRouterProvider,$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’);

 

这些都在 $stateProvider 之前

 

保存js,重新编译,解决~

 

 

 

 

声明:本文为耿师傅 http://www.bordf.com发布文章。转载务必注明出处

注意:转载须保留全文:请保留本文出处!否则耿师傅将向你网站的主机商投诉。
本文永久地址:http://www.bordf.com/article/1514.html


表情:<( ̄︶ ̄)> | (⊙ˍ⊙) | >﹏< | b( ̄▽ ̄)d | (─.─||) | (^_-)

[ Ctrl+Enter提交 ]