Since the release of v0.43 of React Native, we have two new components for presenting lists of data, the FlatList
and the SectionList
. Today we will be looking at the SectionList
component.
The SectionList
component allows us to create a list of content that is broken up into scrollable sections. SectionLists are similar to Flatlists, but they extend the FlatList functionality even further.
In this example, we will be creating a simple SectionList of hardcoded data. Each item in the data props is rendered as a Text
component.
First, let’s make sure we have imported SectionList
along with other necessary imports for this example. …