如何正确使用ReactNative FlatList ScrolltoIndex？

Question

我是react原生的新手，我遇到了一个我自己无法解决的问题。

到目前为止，我是这样使用它的：

​

export default class Form extends React.Component {
  state = {index: 0};

  _keyExtractor = (item, index) => item.id;

  myscrollToIndex = () => {
    this.setState({index: ++this.state.index});
    this.flatListRef.scrollToIndex({animated: true,index: this.state.index});
  };

  _renderItem = ({item}) => (
    <View>
      <Question {...item} />
      <Button label='Next' onPress={this.myscrollToIndex} style={styles.buttonNext}/>
    </View>
  )

  render() {
    return (
      <View style={styles.container}>
      <FlatList
        horizontal={false}
        ref={(ref) => { this.flatListRef = ref; }}
        scrollEnabled
        data={this.props.form}
        extraData={this.state}
        keyExtractor={this._keyExtractor}
        renderItem={this._renderItem} />
      </View>
    );
  }
}

​

我想把索引传递给myscrolltoindex函数，但是我没办法这样做，因为当我这样做的时候，this.flatListRef被排除了。

有谁遇到过类似的问题吗？

谢谢您抽时间见我

Answer 1

也可以使用index参数。并传递索引。

例如，_renderItem = ({item, index}) => ( <View> <Question {...item} /> <Button label='Next' onPress={this.myscrollToIndex(index) } style={styles.buttonNext}/> </View> )