The ionic Android tab bar is running to the top, and the ionic Android tab is running

The ionic Android tab bar is running to the top, and the ionic Android tab is running

The ionic tab in Android is displayed on the top, not on the bottom.

The solution is as follows:

Add the following code to the. config code block in the app. js file:

Pay attention to dependency injection $ ionicConfigProvider

1 $ ionicConfigProvider. platform. ios. tabs. style ('standard'); 2 $ ionicConfigProvider. platform. ios. tabs. position ('bottom '); 3 $ ionicConfigProvider. platform. android. tabs. style ('standard'); 4 $ ionicConfigProvider. platform. android. tabs. position ('bottom '); 5 6 $ ionicConfigProvider. platform. ios. navBar. alignTitle ('center'); 7 $ ionicConfigProvider. platform. android. navBar. alignTitle ('center'); 8 9 $ ionicConfigProvider. platform. ios. backButton. previousTitleText (''). icon ('ion-ios-arrow-thin-left'); 10 $ ionicConfigProvider. platform. android. backButton. previousTitleText (''). icon ('ion-android-arrow-back'); 11 12 $ ionicConfigProvider. platform. ios. views. transition ('ios '); 13 $ ionicConfigProvider. platform. android. views. transition ('android ');

This solves the problem.