Ionic default Tabs template, Android is above and iOS is below. Modify the configuration in www/js/app.js, add a variable, and then modify the corresponding attributes:
.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.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');Then debugging Tabs on Android platform is below and other components work normally
Pay special attention
Cordova configuration must be correct, especially Android ADT
Visual Studio is not configured by default
For details, please refer to this article
Copy the code as follows:').addClass('pre-numbering').hide(); /((this).addClass('has-numbering').parent().append(/)numbering); for (i = 1; i <= lines; i++) { /(numbering.append(/)('
').text(i)); }; $numbering.fadeIn(1700); }); });
The above introduces Ionic Tabs, including ionic and tabs content. I hope it will be helpful to friends who are interested in IOS development.