如何在react native中将新获取的项添加到列表的顶部？

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

const MyList = () => {
  const [data, setData] = useState([]);

  const handleAddItem = () => {
    // 获取新的项
    const newItem = { id: data.length + 1, name: 'New Item' };

    // 将新项添加到列表顶部
    setData([newItem, ...data]);
  };

  return (
    <View>
      <FlatList
        data={data}
        renderItem={({ item }) => <Text>{item.name}</Text>}
        keyExtractor={(item) => item.id.toString()}
      />
      <Button title="Add Item" onPress={handleAddItem} />
    </View>
  );
};

export default MyList;