Woudl be nice to have a way to switch the current visible view programatically about react-native-swiper HOT 11 CLOSED

This can already be done using the scrollTo(index) method.

from react-native-swiper.

Can you clarify how one might use this? Does this require two-way binding? I.e. swiping modifies an index state variable, and modifying a state variable switches to a given slide? That would require extending this component with that behavior, right?

from react-native-swiper.

The way I am doing it in my project is assigning ref to it , you can do something like :

      <Swiper style={styles.wrapper} ref={component => this._swiperobj = component} > ... </Swiper>

Then you can call this._swiperobj.scrollTo(1);
or something like that based on your condition .

from react-native-swiper.

Oh wow, I didn't know that was a thing you could do. I was doing it with two-way binding, e.g.:

<Swiper
  index={this.state.swiperIndex}
  onIndexChange={(idx) => this.setState({swiperIndex: idx})}
> 

which of course requires implementing onIndexChange within Swiper, but I'm already digging through guts to solve a couple other corner cases…

from react-native-swiper.

And also requires picking up index prop changes within Swiper. The ref method seems kind of like a hack, but it's pretty compelling when you just need to get the job done.

from react-native-swiper.

Yes , ref is a powerful tool , and by the way , why do you feel it looks like a hack ? It doesn't cost on performance or usability .

from react-native-swiper.

At any rate, I think I'll finish implementing the two-way method since it's more react-ish and should probably exist anyway. Commits will probably end up on this fork (if I can get the infinite loop case working): https://github.com/manandmoon/react-native-swiper

from react-native-swiper.

@nautical revisiting this with some hindsight (and because it's now painfully unmaintained and doesn't work anymore). Yeah, you're totally right. That's way easier and perfectly reactish. Noob mistake. But looks like now we'll have to swap this out for react-native-viewpager.

from react-native-swiper.

@leecade is alive!!!

from react-native-swiper.

@olivierlesnicki yeah I work on RN again

from react-native-swiper.

@nautical MY HERO <3

from react-native-swiper.