Ionic默认的Tabs模板使用实例

前端之家收集整理的这篇文章主要介绍了Ionic默认的Tabs模板使用实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Ionic 默认的Tabs 模板 ,Android的在上方,IOS的在下方。在www/js/app.js修改配置,添加一个变量,再修改相应属性

$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 默认是不配置的 具体参考这篇文章
代码如下:
以上就介绍了Ionic Tabs,包括了ionic,tabs方面的内容,希望对IOS开发有兴趣的朋友有所帮助。

原文链接:https://www.f2er.com/js/46255.html

猜你在找的JavaScript相关文章