ios - Ionic2页脚工具栏文本在IOS上不占全宽

Question

我的ionic2应用程序上有一个页脚工具栏，该工具栏具有居中对齐的文本，但是该文本似乎仅占据工具栏宽度的50％左右的中心，然后用椭圆形切除(请参见图片)。该宽度似乎与标题工具栏允许的文本宽度相同(我在图像中已变灰)。有没有办法覆盖它并使文本占据全部空间？到目前为止，尽管我没有尝试过太多设备，但我仅在iPhone 6上注意到了此问题。

<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平台下将iOS更改应用以下。

.scss

.ios,
{
    your-page {
        .padding-0 {
            padding-left: 0;
            padding-right: 0;
        }
    }
}

.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>