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

Posted 2020-06-16

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.