React-native-swiper: A way to swipe by action

Created on 11 Oct 2016 · 5Comments · Source: leecade/react-native-swiper

i am looking to have the ability to scroll to another slide by an action i made myself.

like, i want to add some button that when i press it, it will swipe to 5th slide.
how can i do it?

Source

pazer001

Most helpful comment

I'm not sure if it's the best option, but you can give the swiper component a reference and then use the scollBy method.

render() {
  return (
     <Swiper ref='mySwiper'  />
     <Button onClick={this._jumpSlide}>Jump</Button>
  )
}

_jumpSlide = () => {
  this.refs.mySwiper.scrollBy( n ); // where n is the number of slides to move
};

andrantis on 18 Oct 2016

👍12

All 5 comments

I'm not sure if it's the best option, but you can give the swiper component a reference and then use the scollBy method.

render() {
  return (
     <Swiper ref='mySwiper'  />
     <Button onClick={this._jumpSlide}>Jump</Button>
  )
}

_jumpSlide = () => {
  this.refs.mySwiper.scrollBy( n ); // where n is the number of slides to move
};

andrantis on 18 Oct 2016

👍12

It's the only solution that worked for me, thanks @andrantis .