react-naitve，如何移动到扁平列表中的某些项目

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

const data = [
  { id: 1, title: '项目1' },
  { id: 2, title: '项目2' },
  { id: 3, title: '项目3' },
  // 其他项目...
];

const renderItem = ({ item }) => (
  <TouchableOpacity onPress={() => handleItemClick(item.id)}>
    <View style={styles.item}>
      <Text>{item.title}</Text>
    </View>
  </TouchableOpacity>
);

const handleItemClick = (itemId) => {
  // 处理项目点击事件
  console.log(`点击了项目 ${itemId}`);
};

const scrollToItem = (itemId) => {
  // 滚动到指定项目
  const index = data.findIndex(item => item.id === itemId);
  if (index >= 0) {
    flatListRef.current.scrollToIndex({ index });
  }
};

const App = () => {
  const flatListRef = React.useRef(null);

  return (
    <View style={styles.container}>
      <FlatList
        ref={flatListRef}
        data={data}
        renderItem={renderItem}
        keyExtractor={item => item.id.toString()}
      />
    </View>
  );
};

export default App;