Ionic2フッタツールバーのテキストがIOSの全幅を占めていない

Question

私はionic2アプリケーションにフッタツールバーを持っていますが、テキストは中央揃えのテキストを持っていますが、テキストの中央は幅の50％程度しかないようですツールバーをクリックして、楕円で切り落とします（画像参照）。幅は、ヘッダーツールバー（画像ではグレー表示されている）と同じ幅のテキストに対応しているようです。これをオーバーライドしてテキストをフルスペースにする方法はありますか？これまで、私は多くのデバイスを試していませんでしたが、iPhone 6でこの問題に気がつきました。あなたが唯一のiOSプラットフォーム用SCSS変更を下回る適用することができます

<ion-content class="no-scroll"> 
    <ion-tabs [selectedIndex]="mySelectedIndex"> 
    tabs omitted.. 
    </ion-tabs> 
</ion-content> 

<ion-footer> 
    <ion-toolbar color="{{threatLevelColor}}"> 
    <ion-title *ngIf="threatLevel" text-center> 
     Security Threat Level: {{threatLevel.level}} 
    </ion-title> 
    </ion-toolbar> 
</ion-footer> 

Answer 1

。

.scss

​​

.htmlを

<ion-footer> 
    <ion-toolbar color="{{threatLevelColor}}"> 
    <ion-title *ngIf="threatLevel" text-center class="padding-0"> 
     Security Threat Level: {{threatLevel.level}} 
    </ion-title> 
    </ion-toolbar> 
</ion-footer>