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未定义，所以我想我的问题是，如何从meteor设置ionics配置设置？我只找到了使用angular设置配置的示例。

我想我可以使用ios风格，对于我的Android应用程序，但多数民众赞成在我的情况下，这不是一个真正有效的解决方案。

顺便说一下。香港专业教育学院试图在一个实时的Android设备上运行它，并且它的结果与浏览器相同。

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

Answer 1

我想我找到了解决方案。我正在使用流星/角度/离子，所以它可能不是你想要的，但我会告诉你我有什么，以防它有帮助。

在我的routes.js文件中，我在配置函数中添加了$ionicConfigProvider参数和行：

...

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


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


... //rest of config function

这可能特别有棱角，但我的标签显示在iOS和Android设备的底部。

使用meteor包流星版不能将tab-bar移动到android的底部

1 个答案: