Ionic 默认的 Tabs 模板 ,Android 的在上方,IOS 的在下方。在 www/js/app.js 修改配置,添加一个变量,再修改相应属性:
- .config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
- $ionicConfigProvider.platform.ios.tabs.style('standard');
- $ionicConfigProvider.platform.ios.tabs.position('bottom');
- $ionicConfigProvider.platform.android.tabs.style('standard');
- $ionicConfigProvider.platform.android.tabs.position('bottom');
- $ionicConfigProvider.platform.ios.navBar.alignTitle('center');
- $ionicConfigProvider.platform.android.navBar.alignTitle('left');
- $ionicConfigProvider.platform.ios.backButton.previousTitleText('').icon('ion-ios-arrow-thin-left');
- $ionicConfigProvider.platform.android.backButton.previousTitleText('').icon('ion-android-arrow-back');
- $ionicConfigProvider.platform.ios.views.transition('ios');
- $ionicConfigProvider.platform.android.views.transition('android');
然后再在 Android 平台上调试 Tabs 就在下面了 并且别的组件工作也正常
特别注意
Cordova 的配置一定要正确 尤其是 Android ADT
Visual Studio 默认是不配置的
具体参考这篇文章
来源: http://www.phperz.com/article/17/0716/332271.html