React native 反应本机平面列表滚动深度?

React native 反应本机平面列表滚动深度?,react-native,react-native-flatlist,React Native,React Native Flatlist,我有200多个项目在我的平面列表中,有没有办法,我可以找出用户滚动到的项目编号?(项目渲染到什么位置) {item.key} />; 我认为您可以通过使用onViewableItemsChanged方法来实现这一点 <FlatList onViewableItemsChanged={({ viewableItems, changed }) => { console.log("Current visible items", viewableItems); conso

我有200多个项目在我的平面列表中,有没有办法,我可以找出用户滚动到的项目编号?(项目渲染到什么位置)

{item.key}
/>;

我认为您可以通过使用
onViewableItemsChanged
方法来实现这一点

<FlatList
  onViewableItemsChanged={({ viewableItems, changed }) => {
    console.log("Current visible items", viewableItems);
    console.log("Changed items in this iteration", changed);
  }}
  viewabilityConfig={{
    itemVisiblePercentThreshold: 50
  }}
/>
{
console.log(“当前可见项”,可视项);
log(“此迭代中更改的项目”,已更改);
}}
可视性配置={{
itemVisiblePercentThreshold:50
}}
/>

viewabilityConfig
上,您可以添加您的可视性设置,例如项目应如何被视为可见(上例中为50%)

希望能有帮助

<FlatList
  onViewableItemsChanged={({ viewableItems, changed }) => {
    console.log("Current visible items", viewableItems);
    console.log("Changed items in this iteration", changed);
  }}
  viewabilityConfig={{
    itemVisiblePercentThreshold: 50
  }}
/>