离子图像滑块未在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. 将DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics(); float dpHeight = displayMetrics.heightPixels / displayMetrics.density; float dpWidth = displayMetrics.widthPixels / displayMetrics.density; 更改为普通的<ion-img>

2. 在打字稿文件中，将以下内容添加到img：

   ionViewCanEnter

图像现在在iOS上加载。

模板样本：

@ViewChild('imageSlider') slider: Slides;

...

ionViewCanEnter() {
   this.slider.centeredSlides = true;
}