ionic tab导航在android 真机测试中 导航在顶部解决办法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了ionic tab导航在android 真机测试中 导航在顶部解决办法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2063字，纯文字阅读大概需要3分钟。
内容图文
在 iOS中, tabs 一直处于底部. 在android中 ionic tabs 一直在顶部,如果要改我们可以通过配置$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‘
-
}
-
}
-
});
-
-
// if none of the above states are matched, use this as the fallback
-
$urlRouterProvider.otherwise(‘/tab/dash‘);
-
- });
原文：http://blog.csdn.net/hadooppythondjango/article/details/45270879
内容总结
以上是互联网集市为您收集整理的ionic tab导航在android 真机测试中 导航在顶部解决办法全部内容，希望文章能够帮你解决ionic tab导航在android 真机测试中 导航在顶部解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】