React Native Flatlist-仅在可见时运行功能

Question

我有一个具有500多个ID的数组，该数组上的每个项目都将获取一些数据，因此我使用的是Flatlist。

  <FlatList
    viewabilityConfig={viewabilityConfig.current}
    updateCellsBatchingPeriod={400}
    initialNumToRender={10}
    removeClippedSubviews={true}
    data={threads}
    renderItem={({item}) => <SectionThread item={item} />}
  />

组件SectionThread在安装时会调用api

  const getThread = React.useCallback(async () => {
    const o = await fetchThread(props.item);
    setThread(o);   }, []);

  React.useEffect(() => {
    getThread();   }, []);

  return (
    <View>
      {thread.title}
    </View>   );

我需要找到一种仅在项目可见时才调用此api的方法，现在它可以立即调用所有内容，而我的应用程序真的很滞后。

我尝试了很多类似viewabilityConfig的方法，但没有成功。

我的问题是：有没有办法只在可见时才挂载平面清单上的项目？

我有一个具有500多个ID的数组，该数组上的每个项目都将要获取一些数据，因此我正在使用Flatlist。

Answer 1

所以它是文档页面上的第一个道具，windowSize修复了所有问题