0

所以我尝试使用将流星与离子框架相结合的流星包。和以下代码：

    {{#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 是未定义的，所以我想我的问题是，我如何从流星设置离子配置设置？，我只找到了使用角度设置配置的示例。

我想我可以将 ios 样式用于我的 android 应用程序，但在我的情况下，这并不是一个真正有效的解决方案。

顺便提一句。我也尝试在实时 android 设备上运行它，结果与在浏览器中相同。

我还尝试在我自己的移动设备上从该站点运行演示，结果完全相同。

4

1 回答 1

0

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

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

...

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


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


... //rest of config function

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

于 2016-01-06T01:43:47.353 回答