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

来源:互联网 发布:拉货软件 编辑:程序博客网 时间:2024/06/04 18:53

一、前言

在创建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 用浏览器跑一下看看,是否成功解决了~

原创粉丝点击