如何在选择项目react原生平面列表后保持滚动位置

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

const MyFlatList = () => {
  const [data, setData] = useState([
    { id: '1', title: 'Item 1' },
    { id: '2', title: 'Item 2' },
    // ...更多数据
  ]);
  const flatListRef = useRef(null);
  const scrollPosition = useRef(0);

  const handleItemPress = (itemId) => {
    // 模拟选择项目后的操作
    console.log('Item pressed:', itemId);
    // 恢复滚动位置
    flatListRef.current.scrollToIndex({ index: data.findIndex(item => item.id === itemId), animated: true });
  };

  return (
    <FlatList
      ref={flatListRef}
      data={data}
      keyExtractor={(item) => item.id}
      renderItem={({ item }) => (
        <TouchableOpacity onPress={() => handleItemPress(item.id)}>
          <View style={{ padding: 10 }}>
            <Text>{item.title}</Text>
          </View>
        </TouchableOpacity>
      )}
      onScroll={(event) => {
        scrollPosition.current = event.nativeEvent.contentOffset.y;
      }}
      getItemLayout={(data, index) => ({
        length: 50, // 假设每个项目高度为50
        offset: 50 * index,
        index,
      })}
    />
  );
};

export default MyFlatList;