如何从自定义的Flatlist组件访问flatList方法，例如scrollToIndex？

Question

我从本机的flatList组件创建了一个自定义List组件。现在，我想使用使用ref的flatlist组件的scrollToIndex方法，以便可以通过按自定义按钮滚动到列表顶部。但是，当我创建自定义组件时，scrollToIndex方法似乎不可用。如何进行这项工作？

Answer 1

您可以通过道具将其传递下来

您的自定义组件“列表”文件：

const List = (props) => {
  return (
    <Flatlist
      ref={(ref) => { this.listRef = ref; }}
      initialScrollIndex={this.props.initialScrollIndex}
    />
  );
};

使用中：

scrollToIndex = () => {
this.listRef.scrollToIndex({animated: true, index: whateverIndex});
}

<List
  initialScrollIndex={whateverIndex}
/>