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 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
First, let’s make sure we have imported
SectionList along with other necessary imports for this example. …