離子圖像滑塊未在iOS上加載

Question

我有一個離子應用程序，其中包含一個圖像滑塊，該滑塊使用ion-slides組件在從url檢索的圖像之間提供幻燈片。

我的問題是圖像只能在Android上正確顯示，但是在iOS上圖像不會顯示，只有將設備旋轉到橫向時，圖像才會出現，然后也可以在縱向模式下工作。

關於如何使圖像在iOS上正確顯示的任何建議？

下面是我的代碼示例：

<ion-content padding>
  <ion-slides pager
  #imageSlider>
    <ion-slide *ngFor='let url of imageUrls'>
      <ion-img [src]='url'></ion-img>
    </ion-slide>
  </ion-slides>
</ion-content>

在打字稿文件中，imageUrls是字符串類型的數組，其中包含要加載的圖像的URL。

Answer 1

我找到了解決方案。

1. 將<ion-img>更改為普通img

2. 在打字稿文件中，將以下內容添加到ionViewCanEnter ：

    @ViewChild('imageSlider') slider: Slides; ... ionViewCanEnter() { this.slider.centeredSlides = true; } 

圖像現在在iOS上加載。

范本范例：

<ion-content padding>
   <ion-slides pager
   #imageSlider>
   <ion-slide *ngFor='let url of imageUrls'>
      <img [src]='url'>
   </ion-slide>
   </ion-slides>
</ion-content>