$ionicConfigProvider-Ionic中默认安装后tap导航在顶部怎么改为底部

2015-3-14 15:23| 发布者: admin| 查看: 8732| 评论: 14|原作者: admin

摘要: ionic 中默认安装后导航在底部解决方案 $ionicConfigProvider, ios and android 在 iOS中, tabs 一直处于底部. 在android中 ionic tabs 一直在顶部,如果要改我们可以通过配置$ionicConfigProvider .config(functi ...

ionic 中默认安装后导航在底部解决方案 $ionicConfigProvider, ios and android

在 iOS中, tabs 一直处于底部. 在android中 ionic tabs 一直在顶部,如果要改我们可以通过配置$ionicConfigProvider

原文地址详细：http://bbs.phonegap100.com/thread-1495-1-1.htm

// Platforms

.config(function($ionicConfigProvider) {

$ionicConfigProvider.platform.ios.tabs.style('standard');

$ionicConfigProvider.platform.ios.tabs.position('bottom');

$ionicConfigProvider.platform.android.tabs.style('standard');

$ionicConfigProvider.platform.android.tabs.position('standard');

$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');

})

头晕

难过

扯淡

不解

搞笑

支持

超赞

欠扁

收藏邀请

上一篇：Jquery和Angularjs的区别下一篇：AngularJS中的$http.post与jQuery.post的区别

最新评论

引用 helloxdan 2015-3-17 12:49: 楼主怎么找到这段配置的，找很久都没有找到，请赐教。看到你的配置才解决了，感谢啊！

引用 conango 2015-4-10 09:23: 小米note，安卓4.4.4，用了这段配置，依然在顶部。。。

引用 conango 2015-4-10 09:45: 发现问题了，每次build以后，app.js文件又被还原了，这是什么情况？

引用 conango 2015-4-10 11:03: 已经解决，ironic是要修改项目目录下的www文件夹内的内容，不是platform下的，这点与jquerymobile不同，大家要注意！

引用 conango 2015-4-10 11:09: 还有，要把导航弄到下面，必须把第六行改成 $ionicConfigProvider.platform.android.tabs.position('bottom');

吐槽一下楼主，发帖时候应该把修改什么目录的哪个文件，要修改的地方都说清楚，可以让人少走很多弯路啊

引用 cyt1010602131 2015-5-29 11:52: 已经解决，把项目目录下的www文件夹内的内容全部修改，然后再platform下->android->assets->www->js->app.js 第24行新增
.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');

引用 cyt1010602131 2015-5-29 11:53: 把项目目录下的www文件夹内的内容全部删除才对，发太快没注意看

引用 cjz903 2015-8-23 16:53: 这东西查下文档就知道了啊。。。或者看源码

引用 admin 2015-8-28 22:00: conango 发表于 2015-4-10 11:09
还有，要把导航弄到下面，必须把第六行改成 $ionicConfigProvider.platform.android.tabs.position('bottom ...

只能说你你没有看代码，直接app.js里面

引用 MAYIXILOU 2015-10-23 15:57: admin 发表于 2015-8-28 22:00
只能说你你没有看代码，直接app.js里面

加了这个之后，页面变成空白的，是什么原因？

引用 MAYIXILOU 2015-10-23 16:00: MAYIXILOU 发表于 2015-10-23 15:57
加了这个之后，页面变成空白的，是什么原因？

我自己二了，没事了

引用 sunnyc 2015-12-28 18:06: 楼主~我想问一下，ionic怎么设置默认tab，除了用路由，还有没有其他方法呢，我的tab是用angular循环出来的，所以不能默认选中tab~有没有方法能解决呢？

引用 onlyoneHawk 2016-1-7 09:31: 在Android中，ionic导航栏移到底部后，遮住了上面的内容，怎么解决。

引用 ikaixin 2016-2-19 09:24: 以解决，谢谢楼主。

查看全部评论(14)

		自动登录	找回密码
密码			立即注册

$ionicConfigProvider-Ionic中默认安装后tap导航在顶部怎么改为底部

相关阅读

最新评论

相关分类

站长推荐 /1