ionic-framework - 选项卡在 android 和 ios 中出现在不同的位置

Question

我使用 ionic 选项卡示例创建了一个项目。但在 ios 中，选项卡位于底部，但在 android 中，选项卡位于顶部。选项卡如何在两个平台中位于底部

Answer 1

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

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

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

有关 $ionicConfigProvider 的更多选项可在此链接下获得 http://ionicframework.com/docs/api/provider/$ionicConfigProvider/

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