1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 解决新建ionic项目时安卓的tab栏在顶部问题

解决新建ionic项目时安卓的tab栏在顶部问题

时间:2021-07-06 20:13:05

相关推荐

解决新建ionic项目时安卓的tab栏在顶部问题

一、前言

在创建ionic项目时,tab导航栏在IOS里是放在底部,但在安卓项目里却被置顶了,那么如何解决呢?其实很简单,只需要添加以下代码~

二、解决办法

我们可以找到www文件夹–>js文件夹–>app.js文件

在config方法里添加如下代码

注意:需要注入$ionicConfigProvider.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {if (ionic.Platform.isAndroid()) {$ionicConfigProvider.scrolling.jsScrolling(true);$ionicConfigProvider.tabs.position('bottom');$ionicConfigProvider.tabs.style('standard');$ionicConfigProvider.navBar.alignTitle('center');$ionicConfigProvider.backButton.icon('ion-ios-arrow-back');}$stateProvider// setup an abstract state for the tabs directive.state('tab', {url: '/tab',abstract: true,templateUrl: 'templates/tabs.html',})

OK !执行一下 ionic serve -c -l 用浏览器跑一下看看,是否成功解决了~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。