是否存在使用FlatList进行“滚动加载”的示例？

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

const MyComponent = () => {
  const [data, setData] = useState([]);
  const [page, setPage] = useState(1);

  useEffect(() => {
    // 初始化数据
    fetchData();
  }, []);

  const fetchData = () => {
    // 模拟异步请求数据
    setTimeout(() => {
      const newData = [...data, ...generateData(page)];
      setData(newData);
      setPage(page + 1);
    }, 1000);
  };

  const generateData = (page) => {
    // 模拟生成数据
    const newData = [];
    for (let i = 1; i <= 10; i++) {
      newData.push({ id: (page - 1) * 10 + i, text: `Item ${(page - 1) * 10 + i}` });
    }
    return newData;
  };

  const renderItem = ({ item }) => {
    return (
      <View style={{ padding: 16 }}>
        <Text>{item.text}</Text>
      </View>
    );
  };

  return (
    <FlatList
      data={data}
      renderItem={renderItem}
      keyExtractor={(item) => item.id.toString()}
      onEndReached={fetchData}
      onEndReachedThreshold={0.5}
    />
  );
};

export default MyComponent;