Question

我正在使用 react-native-swiper-flatlist ，我想通过点击按钮向前滚动到某个索引，但不知道如何执行。尽管我是本机开发的初学者。

我已经搜索了很多，但没有任何帮助，我得到的undefined错误不是对象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>
);

}

应该在按钮上点击滑动

Here is the screenshot of the error I am getting

Answer 1

尝试将ref='swiper'作为SwiperFlatList道具添加

示例

<SwiperFlatList ref='swiper'/>

this.refs.swiper._scrollToIndex(2)

我正在使用react-native-swiper-flatlist，但我无法弄清楚如何在按下按钮时使用scrollToIndex

1 个答案: