首页 > 移动平台 > 详细

ionic tab导航在android 真机测试中 导航在顶部解决办法

时间:2016-02-25 11:41:22      阅读:230      评论:0      收藏:0      [点我收藏+]

1.打开app.js文件

2.找到.config(function($stateProvider, $urlRouterProvider)){

  $stateProvider

  ... ...

}

3.加入红色部分代码.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(‘bottom‘);

  $ionicConfigProvider.platform.ios.navBar.alignTitle(‘center‘);

  $ionicConfigProvider.platform.android.navBar.alignTitle(‘center‘);

  $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

  ... ...

}

4.技术分享

ionic tab导航在android 真机测试中 导航在顶部解决办法

原文:http://www.cnblogs.com/devilsatan/p/5216367.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!