Image for post
Image for post

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.

Introducing 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.

Using the SectionList Component

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. …

chummy Igbo

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store