Question

我有一个简单的离子滑动元素，到目前为止效果很好。我唯一的问题是，当我更改设备方向时，因为它不会调整滑动元素的宽度。

HTML：

<ion-slides #slides>

 <ion-slide>
   <h2>Slide 1</h2>
 </ion-slide>

 <ion-slide>
   <h2>Slide 2</h2>
 </ion-slide>

 <ion-slide>
   <h2>Slide 3</h2>
 </ion-slide>

.TS-文件：

export class DetailviewPage {
  @ViewChild(Slides) slides: Slides;
.
.
.
ionViewWillEnter() {
    this.screenOrientation.onChange().subscribe(() => {
      this.slides.resize();
    });
.
.
.

CSS文件：

 ion-slides {
        height: auto;
    }
    ion-slide {
        height: initial !important;
        align-items: flex-start !important;
    }

像slideNext（）这样的其他功能可以很好地工作。

任何想法我可能做错了什么？谢谢

Answer 1

let renderer = UIGraphicsImageRenderer(bounds: bounds)
        return renderer.image { rendererContext in
            layer.render(in: rendererContext.cgContext)
        }

Ion-Slides resize（）不起作用

1 个答案: