使用extraData时，React原生FlatList会呈现两次数据

的原因是extraData属性的作用。extraData属性用于告诉FlatList在extraData发生变化时重新渲染列表。当extraData的值发生变化时，FlatList会重新渲染列表，这可能会导致数据呈现两次。

解决这个问题的方法是确保extraData的值是一个稳定的引用，而不是每次渲染都创建一个新的对象。可以使用useState或useRef来保存extraData的值，以确保它在组件重新渲染时保持不变。

以下是一个示例代码：

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

const MyComponent = () => {
  const [data, setData] = useState([]);
  const [extraData, setExtraData] = useState(false);

  const updateData = () => {
    // 更新数据
    setData([...data, newData]);

    // 更新extraData
    setExtraData(!extraData);
  };

  return (
    <FlatList
      data={data}
      extraData={extraData}
      renderItem={({ item }) => <ItemComponent item={item} />}
      keyExtractor={(item) => item.id}
    />
  );
};

export default MyComponent;

在上面的示例中，我们使用useState来保存data和extraData的值。当更新数据时，我们通过setData更新data的值，并通过setExtraData更新extraData的值。这样，当extraData的值发生变化时，FlatList会重新渲染列表，但不会呈现两次数据。

请注意，以上示例中的ItemComponent是一个自定义组件，用于渲染列表项。你可以根据自己的需求进行修改。

关于React原生FlatList的更多信息和使用方法，你可以参考腾讯云的文档：FlatList