Ios 如何在iPhone X中通过*ngIf显示隐藏按钮

我正在用离子幻灯片创建一个简单的屏幕。在最后一张幻灯片中，我想显示一个按钮来弹出屏幕

我已经使用下面的代码完成了这项工作：

在我的HTML中

<section>
    <ion-slides (ionSlideDidChange)="change()" (ionSlideReachEnd)="end()" class="slider" pager="true" paginationType="bullet" parallax="true"
      centeredSlides="true" effect="slide" [options]="slideOpts">
      <ng-container *ngFor="let image of imgs;">
        <ion-slide>
          <section>
            <h1><img src={{image}}></h1>
          </section>
        </ion-slide>
      </ng-container>
    </ion-slides>
    <div class="skip" *ngIf="!isSlideLast()" (click)="skip()">Skip</div>
    <div class="next" *ngIf="!isSlideLast()" (click)="next()">Next</div>
    <button class="start" *ngIf="isSlideLast()" (click)="skip()">Start</button>
  </section>

跳过
下一个
开始

在我的.ts中，我有以下内容：

  max_slide:any =3;
  last: boolean = false;
  callback: any; 
  imgs:any = [];
  slideOpts = {
    initialSlide: 0,
    speed: 400
  };

  isSlideLast() {
    return this.last
  }

  async skip() {
    console.log("skip is pressed")
    this.callback().then(() => {
      this.navCtrl.pop();
    });
  }

  change() {
    this.slides.getActiveIndex().then(val => {
      console.log(val)
      if (val < this.max_slide-1) {
        this.last = false;
      }
    })
  }

  end() {
    console.log("end is pressed")
    this.last = true;
  }

  next() {
    console.log("next is pressed")
    this.slides.slideNext();
  }

max\u slide:any=3；
最后：boolean=false；
回拨：任何；
imgs:any=[]；
slideOpts={
初始幻灯片：0，
速度：400
};
isSlideLast（）{
最后还这个
}
异步跳过（）{
console.log（“按下跳过键”）
this.callback（）。然后（（）=>{
this.navCtrl.pop（）；
});
}
更改（）{
this.slides.getActiveIndex（）。然后（val=>{
console.log（val）
如果（val

其他iPhone和android没有问题。按钮显示在最后一张幻灯片上。但是当用iPhoneX进行测试时，按钮根本没有显示出来。“跳过”和“下一步”链接也不会隐藏