欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

ionic App 解决android端在真机上tab处于顶部的问题

程序员文章站 2024-02-07 23:36:28
ionic app 解决android端在真机上 tab处于顶部的bug 在app.js 页面中添加以下代码 .config(function($state...

ionic app 解决android端在真机上 tab处于顶部的bug

在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('standard');
 
   $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');
 
 })

  重新打包安装即可。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!