2015-04-19 241 views
0

所以我试图使用流星包,它将流星和离子框架结合在一起。和下面的代码:无法将tab-bar移动到android流星包的流星

{{#ionTabs style="ios" class="tabs-background-positive tabs-color-light"}} 
     {{> ionTab title="Tab1" path="login" icon="android-home"}} 
     {{> ionTab title="Tab2" path="home" icon="android-star"}} 
     {{> ionTab title="Tab3" path="notifications" icon="heart"}} 
     {{> ionTab title="Tab4" path="calendar" icon="gear-b"}} 
     {{> ionTab title="Tab5" path="settings" icon="gear-b"}} 
    {{/ionTabs}} 

把它在BUTTOM,而

 {{#ionTabs style="android" class="tabs-background-positive tabs-color- light"}} 
     {{> ionTab title="Tab1" path="login" icon="android-home"}} 
     {{> ionTab title="Tab2" path="home" icon="android-star"}} 
     {{> ionTab title="Tab3" path="notifications" icon="heart"}} 
     {{> ionTab title="Tab4" path="calendar" icon="gear-b"}} 
     {{> ionTab title="Tab5" path="settings" icon="gear-b"}} 
    {{/ionTabs}} 

将其置于顶部。香港专业教育学院尝试了以下内容:

Template.main.rendered = function() { 
     $ionicConfigProvider.tabs.position('bottom'); //other values: top 
    }; 

要设定的设置,但显然$ ionicConfigProvider是不确定的, 所以我想我的问题是,我该如何设置离子含量从流星配置设置?我只找到设置配置的例子与角。

我想我可以使用ios风格,为我的android应用程序,但多数民众赞成在 不是真正有效的解决方案在我的情况。

Btw。我尝试在一个真实的android设备上运行它,并且它的结果与浏览器中的结果相同。

我同样试图在自己的移动设备上运行该网站的演示,结果完全相同。

回答

0

我想我找到了一个解决方案。我正在使用Meteor/angular/ionic,所以它可能不是你想要的,但是我会告诉你我有什么以防万一。

以我routes.js文件I加入$ionicConfigProvider参数和线在配置功能:

... 

function config($stateProvider, $urlRouterProvider, $ionicConfigProvider) { 


    $ionicConfigProvider.tabs.position('bottom'); // other values: top 


... //rest of config function 

这可能是特别的角度,但它有我的标签,显示在两个iOS和Android设备的底部。