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>