Невозможно переместить Tab-Bar на кнопку Android с метеорным пакетом Meteoric.

Question

Поэтому я пытаюсь использовать метеорный пакет, который объединяет метеор с ионной структурой. и следующий код:

    {{#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}}

помещает это в основание, в то время как

      {{#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 не определен, так что, я думаю, у меня вопрос, как мне настроить параметры конфигурации ионики из метеорита? Я нашел только примеры установки конфигурации с помощью angular.

Я полагаю, что я могу использовать стиль ios для своего приложения для Android, но это не совсем правильное решение в моем случае.

Btw. Ive попытался запустить его на живом android-устройстве, а также тот же результат, что и в браузере.

Я также попытался запустить демонстрации с сайта на своем мобильном устройстве с точно таким же результатом.

Answer 1

Я думаю, что нашел решение. Я использую Meteor / angular / ionic, так что это может быть не то, что вы ищете, но я покажу вам, что у меня есть, если это поможет.

В моем файле rout.js я добавил $ionicConfigProvider аргумент и строка в функции конфигурации:

...

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


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


... //rest of config function

Это может быть особенно угловатым, но мои вкладки отображаются внизу как на iOS, так и на Android устройствах.