首页 / 安卓 / 解决ionic框架tab栏在安卓手机跑到顶部的问题

解决ionic框架tab栏在安卓手机跑到顶部的问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了解决ionic框架tab栏在安卓手机跑到顶部的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2668字，纯文字阅读大概需要4分钟。

内容图文

在app.js中.config中添加如下代码

$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(‘center‘);
    
$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‘);

注意：需要注入$ionicConfigProvider

全部代码如下： 

.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(‘center‘);
    
    $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‘);

  // Ionic uses AngularUI Router which uses the concept of states// Learn more here: https://github.com/angular-ui/ui-router// Set up the various states which the app can be in.// Each state‘s controller can be found in controllers.js  $stateProvider

  // setup an abstract state for the tabs directive
    .state(‘tab‘, {
    url: ‘/tab‘,
    abstract: true,
    templateUrl: ‘templates/tabs.html‘
  })

  // Each tab has its own nav history stack:
  .state(‘tab.dash‘, {
    url: ‘/dash‘,
    views: {
      ‘tab-dash‘: {
        templateUrl: ‘templates/tab-dash.html‘,
        controller: ‘DashCtrl‘
      }
    }
  })

  .state(‘tab.chats‘, {
      url: ‘/chats‘,
      views: {
        ‘tab-chats‘: {
          templateUrl: ‘templates/tab-chats.html‘,
          controller: ‘ChatsCtrl‘
        }
      }
    })
    .state(‘tab.chat-detail‘, {
      url: ‘/chats/:chatId‘,
      views: {
        ‘tab-chats‘: {
          templateUrl: ‘templates/chat-detail.html‘,
          controller: ‘ChatDetailCtrl‘
        }
      }
    })

  .state(‘tab.account‘, {
    url: ‘/account‘,
    views: {
      ‘tab-account‘: {
        templateUrl: ‘templates/tab-account.html‘,
        controller: ‘AccountCtrl‘
      }
    }
  });

参考文章：http://blog.csdn.net/hadooppythondjango/article/details/45270879

原文：http://www.cnblogs.com/chenjieXie/p/6486533.html

内容总结

以上是互联网集市为您收集整理的解决ionic框架tab栏在安卓手机跑到顶部的问题全部内容，希望文章能够帮你解决解决ionic框架tab栏在安卓手机跑到顶部的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1074283.html

来源：【匿名】