正文

ionic安卓tab栏跑到顶部

IP云
IP云V管理员/5 阅读
09/18
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

解决办法如下：

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

注意依赖注入$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‘);

这样问题就解决了