Breaking News: Grepper is joining You.com. Read the official announcement!

How to detect what item is on the screen in react-native FlatList

Putu Eka Mulyana answered on October 15, 2022 Popularity 4/10 Helpfulness 2/10

answer How to detect what item is on the screen in react-native FlatList

How to detect what item is on the screen in react-native FlatList

Comment

export default class ListItem extends React.Component {
  constructor(props) {
    super(props);
    this.state = {data:[]}
  }
  render() {
    return (
      <FlatList
        data={data}
        viewabilityConfigCallbackPairs={
          this.viewabilityConfigCallbackPairs
        }
		....
      />
     )
   }
	// function    
	viewabilityConfigCallbackPairs = [{ viewabilityConfig: { waitForInteraction: true, viewAreaCoveragePercentThreshold: 100 }, onViewableItemsChanged: this._onViewableItemsChanged }]

 	_onViewableItemsChanged({ changed }) {
   		console.log(changed[0])
 	}
}

Popularity 4/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: detect flatlist javascript react-native screen

Link to this answer
Share Copy Link

Contributed on Oct 15 2022

Putu Eka Mulyana

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

How to detect what item is on the screen in react-native FlatList

Contents

More Related Answers

How to detect what item is on the screen in react-native FlatList

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.