我有一个包含图像滑块的 ionic 应用程序，该应用程序使用 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。
我找到了解决方案。
<ion-img>了普通的img在打字稿文件中，将以下内容添加到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>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句