ionic tab跑到顶部的解决办法

2017-05-10 本文已影响0人霸道总裁跟班

在app.js文件中添加以下代码

.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) {

//此段代码保证tab按钮保持在最底部

$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');

}

此段代码针对android和ios打包相应做了修改，tabs、标题、返回按钮、视图。