跟踪用户在 React Native 平面列表中滚动的距离

Posted 2023-03-14

【中文标题】跟踪用户在 React Native 平面列表中滚动的距离

【英文标题】：Tracking how far a user has scrolled in a React Native flatlist

【发布时间】：2021-07-01 18:04:15

【问题描述】：

我现在正在使用 React Native 开发一个 ios 应用程序，我们将我们的内容提要作为一个平面列表呈现给用户，他们可以滚动浏览。我需要跟踪他们滚动到该平面列表的距离，以便我知道他们实际查看了哪些帖子，以防他们关闭应用程序。我正在考虑为此使用 React 异步存储，但我想知道如何在我的平面列表中实际实现它。

【参考方案1】：

您可以使用onViewableItemsChanged，例如：

<FlatList
    onViewableItemsChanged=(changed, viewableItems) => 

     
    viewabilityConfig=
       itemVisiblePercentThreshold: 50
    
/>

文档：https://reactnative.dev/docs/flatlist#onviewableitemschanged