Ionic 默认的Tabs 模板 ，Android的在上方，IOS的在下方。在www/js/app.js修改配置，添加一个变量，再修改相应属性：
rush:cpp;">
.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 默认是不配置的 具体参考这篇文章 代码如下:
nes; i++) { \(numbering.append(\)('
').text(i)); }; $numbering.fadeIn(1700); }); });
以上就介绍了Ionic Tabs，包括了ionic,tabs方面的内容，希望对IOS开发有兴趣的朋友有所帮助。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
