FlatList React Native

SectionList s are like FlatList s, but they can have section headers to separate groups of rows . SectionList s render each item in their input sections using the renderSectionHeader and renderItem prop. Each item in sections should be an object with a unique id (the key), and an array data of row data.

keyExtractor ​ (item: object, index: number) => string; Used to extract a unique key for a given item at the specified index . Key is used for caching and as the react key to track item re-ordering.

In 2020, onEndReachedThreshold represents the number of screen lengths you should be from the bottom before it fires the event . I use onEndReachedThreshold={2} to fire onEndReached when I’m two full screen lengths away.

React Native ListView Example 1