react-native - 我正在使用 react-native-swiper-flatlist ，但我不知道如何在按下按钮时使用 scrollToIndex

Question

我正在使用 react-native-swiper-flatlist ，我想通过点击按钮向前滚动到某个索引，但不知道该怎么做。虽然我是 React Native 开发的新手。

我已经搜索了很多但没有任何帮助，我得到一个错误 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>
);

应该在按钮点击时滑动

Here is the screenshot of the error I am getting

Answer 1

尝试添加 ref='swiper' 作为 SwiperFlatList 属性，

示例

<SwiperFlatList ref='swiper'/>

this.refs.swiper._scrollToIndex(2)