React-Native (FlatList)：如何知道可见项的呈现何时完成

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

const MyComponent = () => {
  const [visibleItems, setVisibleItems] = useState([]);

  const onViewableItemsChanged = ({ viewableItems }) => {
    // 更新可见项的状态
    setVisibleItems(viewableItems);
  };

  return (
    <View>
      <FlatList
        data={yourData}
        renderItem={({ item }) => <Text>{item.title}</Text>}
        keyExtractor={(item) => item.id}
        onViewableItemsChanged={onViewableItemsChanged}
        viewabilityConfig={{
          itemVisiblePercentThreshold: 50, // 可见项的阈值
        }}
      />
      <Text>当前可见项：{visibleItems.map((item) => item.item.title).join(', ')}</Text>
    </View>
  );
};

export default MyComponent;