HTML5技术

ionic安卓tab栏跑到顶部 - 小旺同学

字号+ 作者:H5之家 来源:H5之家 2017-11-22 11:02 我要评论( )

安卓下的ionic的tab会在顶部显示,而不是在底部 解决办法如下: 在app.js文件中的.config代码块里中添加以下代码: 注意依赖注入$ionicConfigProvider 1 $ionicConfigProvider.platform.ios.tabs.style(‘standard‘); 2 $ionicConfigProvider.platform.ios.

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

  解决办法如下:

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

  注意依赖注入$ionicConfigProvider

  

1 $ionicConfigProvider.platform.ios.tabs.style(‘standard‘); 2 $ionicConfigProvider.platform.ios.tabs.position(‘bottom‘); 3 $ionicConfigProvider.platform.android.tabs.style(‘standard‘); 4 $ionicConfigProvider.platform.android.tabs.position(‘bottom‘); 5 6 $ionicConfigProvider.platform.ios.navBar.alignTitle(‘center‘); 7 $ionicConfigProvider.platform.android.navBar.alignTitle(‘center‘); 8 9 $ionicConfigProvider.platform.ios.backButton.previousTitleText(‘‘).icon(‘ion-ios-arrow-thin-left‘); 10 $ionicConfigProvider.platform.android.backButton.previousTitleText(‘‘).icon(‘ion-android-arrow-back‘); 11 12 $ionicConfigProvider.platform.ios.views.transition(‘ios‘); 13 $ionicConfigProvider.platform.android.views.transition(‘android‘);

  这样问题就解决了

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 超好用的移动框架--Ionic--构建APP侧边栏 底部选项卡 轮播图 加载动画 - undeceive

    超好用的移动框架--Ionic--构建APP侧边栏 底部选项卡 轮播图 加载动

    2017-10-21 10:00

  • ionic之$ionicHistory - webNick

    ionic之$ionicHistory - webNick

    2017-05-13 12:03

  • 安卓下微信内置浏览器视频出现解析错误 - Chris-dc

    安卓下微信内置浏览器视频出现解析错误 - Chris-dc

    2017-05-13 08:02

  • Ionic2 开发笔记(1)ionic2 +angular2搭建 - 早上~得~喝粥

    Ionic2 开发笔记(1)ionic2 +angular2搭建 - 早上~得~喝粥

    2017-03-13 16:00

网友点评
-