J'utilise react-native-swiper-flatlist, mais je n'arrive pas à comprendre comment utiliser scrollToIndex sur l'appui d'un bouton.

Question

J'utilise react-native-swiper-flatlist Je veux faire défiler vers l'avant jusqu'à un certain index en appuyant sur le bouton, mais je n'ai aucune idée de la façon de le faire. Je suis très débutant dans le développement react native.

J'ai beaucoup cherché mais rien n'y fait, j'obtiens une erreur de undefined is not an object this2.swiper.scrollToIndex'

render() {
return (
  <View style={styles.container}>
    <SwiperFlatList
      ref={swiper => {
        this.swiper = swiper;
      }}
      data={[
        { key: "a" },
        { key: "b" },
        { key: "c" },
        { key: "d" },
        { key: "e" }
      ]}
      index={0}
      renderItem={({ item, index }) => (
        <View>
          <Image
            style={styles.child}
            source={require("../../assets/advertisementtwo.png")}
          />
          <Image
            style={styles.child}
            source={require("../../assets/advertisementtwo.png")}
          />
          <Image
            style={styles.child}
            source={require("../../assets/advertisementtwo.png")}
          />
          <Image
            style={styles.child}
            source={require("../../assets/advertisementtwo.png")}
          />
          <Button
            title={"Next"}
            onPress={this.swiper.scrollToIndex(1, true)}
            style={{ backgroundColor: "white" }}
          />
        </View>
      )}
    />
  </View>
);

}

Doit être balayé lors d'un clic sur un bouton

Voici la capture d'écran de l'erreur que j'obtiens

Answer 1

Essayez d'ajouter ref='swiper' en tant que SwiperFlatList prop,

Exemple

<SwiperFlatList ref='swiper'/>

this.refs.swiper._scrollToIndex(2)