Getting the current section that is in the viewport in React-Native sectionlist

Question

I want to detect which section of the react-native sectionlist is in the viewport.

Is there any solution?

Answer 1

This is what you can do

  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)
      }