获取 React-Native 节列表中视口中的当前节

Question

我想检测反应本机部分列表的哪个部分位于视口中。

有什么解决办法吗？

Answer 1

这就是你可以做的

  render () {
    return (
      <SectionList
        onViewableItemsChanged={this.onCheckViewableItems}
        viewabilityConfig={{
          itemVisiblePercentThreshold: 50 //means if 50% of the item is visible
        }}
      />
    )
  }

onCheckViewableItems = ({ viewableItems, changed }) => {
        console.log("Visible items :", viewableItems)
      }