FlatList -如何检测刷新何时完成？

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

const MyComponent = () => {
  const [data, setData] = useState([]);
  const [refreshing, setRefreshing] = useState(false);

  const fetchData = () => {
    // 模拟异步获取数据
    setTimeout(() => {
      const newData = ['Item 1', 'Item 2', 'Item 3'];
      setData(newData);
      setRefreshing(false); // 刷新完成后将refreshing属性设置为false
    }, 2000);
  };

  const handleRefresh = () => {
    setRefreshing(true); // 开始刷新，将refreshing属性设置为true
    fetchData();
  };

  useEffect(() => {
    fetchData();
  }, []);

  return (
    <View>
      <FlatList
        data={data}
        renderItem={({ item }) => <Text>{item}</Text>}
        keyExtractor={(item, index) => index.toString()}
        refreshControl={ // 设置下拉刷新控件
          <RefreshControl
            refreshing={refreshing}
            onRefresh={handleRefresh}
          />
        }
      />
    </View>
  );
};

export default MyComponent;