android 和 ios 中的标签出现在不同的位置

Question

我使用 ionic 选项卡示例创建了一个项目。但在 ios 中，选项卡位于底部，但在 android 中，选项卡位于底部 top.how 两个平台中的选项卡都可以位于底部

Answer 1

Ionic 框架处理特定于平台的布局呈现。这可以通过将 $ionicConfigProvider 注入 app.js 中的 .config 方法来更改，可以使用此服务公开的方法更改配置。要更改标签位置，请在 app.config 方法中添加以下行 $ionicConfigProvider.tabs.position('bottom'); 示例

.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
$ionicConfigProvider.tabs.position('bottom');
}

为简洁起见，我已从上述方法中删除了其他 stateProvider 和 urlRouterProvider 代码

此 link http://ionicframework.com/docs/api/provider/$ionicConfigProvider/

下提供了有关 $ionicConfigProvider 的更多选项

注意：此修复仅适用于 Ionic 的最新版本 (v1.0.0-beta.14)。