如何在FlatList React native中使用scrollToIndex？

import { FlatList } from 'react-native';

render() {
  return (
    <FlatList
      data={this.state.data}
      renderItem={this.renderItem}
      keyExtractor={item => item.id}
    />
  );
}

flatListRef = React.createRef();

scrollToIndex = () => {
  this.flatListRef.current.scrollToIndex({ index: 5, animated: true });
}

<FlatList
  ref={this.flatListRef}
  data={this.state.data}
  renderItem={this.renderItem}
  keyExtractor={item => item.id}
/>

import React from 'react';
import { View, FlatList, Text, TouchableOpacity } from 'react-native';

export default class MyComponent extends React.Component {
  flatListRef = React.createRef();

  state = {
    data: [
      { id: '1', name: 'Item 1' },
      { id: '2', name: 'Item 2' },
      { id: '3', name: 'Item 3' },
      { id: '4', name: 'Item 4' },
      { id: '5', name: 'Item 5' },
      { id: '6', name: 'Item 6' },
      { id: '7', name: 'Item 7' },
      { id: '8', name: 'Item 8' },
      { id: '9', name: 'Item 9' },
      { id: '10', name: 'Item 10' },
    ],
  };

  renderItem = ({ item }) => (
    <TouchableOpacity style={{ padding: 10 }}>
      <Text>{item.name}</Text>
    </TouchableOpacity>
  );

  scrollToIndex = () => {
    this.flatListRef.current.scrollToIndex({ index: 5, animated: true });
  }

  render() {
    return (
      <View>
        <TouchableOpacity onPress={this.scrollToIndex}>
          <Text>Scroll to Index 5</Text>
        </TouchableOpacity>
        <FlatList
          ref={this.flatListRef}
          data={this.state.data}
          renderItem={this.renderItem}
          keyExtractor={item => item.id}
        />
      </View>
    );
  }
}