Ionic Tabs
16lz
2021-01-26
Ionic 默认的 Tabs 模板
Android 的 在上方
IOS 的 在下方(没IOS设备,不确定)
在上方至少是和目前2016年6月10日的设计风格不符的
参考这个帖子
在
www/js/app.js修改配置
添加一个变量,再修改相应属性
Code
.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('left'); $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');
然后再在Android平台上调试 Tabs就在下面了 并且别的组件工作也正常
效果
特别注意
Cordova的配置一定要正确 尤其是Android ADT
Visual Studio 默认是不配置的
具体参考这篇文章
更多相关文章
- Android(安卓)实现微信,QQ文件在其他应用打开并获取到路径
- Android(安卓)Eclipse 自动安装到真机(免去选择的麻烦)
- Android(安卓)安卓动画 属性动画 - 移动动画
- Android图集的上下左右拖动及动画效果研究,图片拖拽或视频拖拽
- Android(安卓)studio 下的robotium自动化测试和持续集成
- Github-Client(ANDROID)开源之旅(三) ------ 巧用ViewPagerIndicato
- Android(安卓)使用TransitionManager来方便地实现过渡动画
- Android(安卓)Studio(二):基本配置
- Android(安卓)logback代码配置详解