Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ionSlideProgress missing on ionic4 IonSlides

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x

Current behavior: With ionic4 it has become impossible to access the swipers progress event of an IonSlide

Expected behavior: Make progress event of swiper available over ionSlideProgress proxy event (like in Ionic3)

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.6.0 (/usr/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-rc.0
   @angular-devkit/build-angular : 0.10.7
   @angular-devkit/schematics    : 7.1.4
   @angular/cli                  : 7.1.4
   @ionic/angular-toolkit        : 1.2.1

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.2
   Cordova Plugins       : cordova-plugin-ionic-webview 1.2.1, (and 28 other plugins)

System:

   Android SDK Tools : 26.1.1 (/home/user/Android/Sdk)
   NodeJS            : v8.11.2 (/usr/bin/node)
   npm               : 5.6.0
   OS                : Linux 4.15

Issue Analytics

State:
Created 5 years ago
Comments:6 (1 by maintainers)

Top GitHub Comments

2reactions

Farbdosecommented, Feb 5, 2019

@glenntws @juny58 I found a solution: You can access the unerlying swiper instance with

@ViewChild(IonSlides) slides: IonSlides;
...
const swiper = (this.slides as any).el.swiper

0reactions

ionitron-bot[bot]commented, Dec 12, 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Top Results From Across the Web

ion-slides methods not working in ionic 4 - Stack Overflow

In ionic 4, the return type of the getActiveIndex() method is Promise<number> , so the code you were using in ionic 3 will...

Hidden Advanced Features of Ionic's Slides | Damir's Corner

Slides is a very flexible Ionic component for presenting multiple slides to the user who can swipe between them. However, not all its ......

Ion-Slides: Mobile Touch Slider with Built-In & Custom Animation

Ion-Slides is a multi-section container which offers custom and built-in mobile touch slider animation effects. See how Ion-Slides works with iOS and ...

Ionic 5 - 06 Ion-Slides - YouTube

The Slides component is a multi-section container. Each section can be swiped or dragged between. It contains any number of Slide components ...

Use Swiper JS with ionic 6 (ion-slides alternative)

I'm using the Swipe JS for a mobile app, I want to display 3 slides at a time (one central side, and two...