解决新建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 用浏览器跑一下看看,是否成功解决了~
阅读全文
0 0
- 解决新建ionic项目时安卓的tab栏在顶部问题
- ionic lab新建tab项目如何使用android的tab在底部
- 解决用ionic创建Android项目时tabs默认在上面的问题
- Ionic实现左侧侧边栏新建项目
- Ionic实现左侧侧边栏新建项目
- ionic新建项目
- ionic tab导航在android 真机测试中 导航在顶部解决办法
- ionic tab选项卡置于顶部
- ionic 解决android 中tabs 在上面的问题。
- 解决ionic在手机上拍照图片旋转的问题
- 解决ubuntu新建用户后,tab键不能使用的问题
- [easyUI] easyUI 在当前Tab新建另一个Tab的方法
- 解决VS2005 新建项目模版消失的问题【亲身验证】
- VS2010\2008中不能新建项目问题的解决
- 解决android studio 新建项目构建慢的问题
- 解决新建maven项目速度慢的问题
- 解决新建maven项目速度慢的问题
- 去掉Android新建项目的顶部标题-application:Theme
- 学习tensorflow遇到的问题
- 跳转相册和剪切页面点击取消崩溃
- 流程概述:编译、装载、执行
- expect的用法
- strtol,strtoll,strtoul, strtoull字符串转化成数字
- 解决新建ionic项目时安卓的tab栏在顶部问题
- js中两种定时器的设置及清除
- 机器学习笔记(4)各种分类
- JavaScript基础
- 统计 机器学习资料整理汇总
- js原生touch事件实现微信语音按住录音,上滑取消。
- Android Binder 驱动分析1
- 我的老公是枚码农
- Unity 与 json