ionic 在Android运行，标题配置不居中问题

最新推荐文章于 2020-01-02 09:59:52 发布

兜生

最新推荐文章于 2020-01-02 09:59:52 发布

阅读量5.2k

点赞数 2

分类专栏： phoneGap跨平文章标签： ionic phonegap android 标题居中

本文链接：https://blog.csdn.net/QQ417431233/article/details/51121228

版权

phoneGap跨平专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1、如图，之前的效果如下：
这里写图片描述
我之前一直纠结于是不是CSS配置的问题，最后发现不是；

2、解决如下：

angular.module('starter',['ionic','starter.controllers','starter.directive','starter.config','starter.services','ngResource'])
.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');

如上代码是默认的ionic配置，大家不陌生，
$ionicConfigProvider.platform.android.navBar.alignTitle(‘left’);
改为
$ionicConfigProvider.platform.android.navBar.alignTitle(‘center’);
最后效果：
这里写图片描述