Ionic图像滑块未在iOS上加载

Question

我有一个包含图像滑块的ion应用程序，它使用ion幻灯片组件来提供从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>

在typescript文件中，imageUrls是一个类型字符串数组，包含要加载的图像的URL。

Answer 1

我找到了解决方案。

1. 将<ion-img>更改为普通img

2. 在typescript文件中，将以下内容添加到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>