2015-04-19 160 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設備的底部。