Working with SectionList

A printed phone book places a large letter above each group of names, so that a reader can move to the right part of the book quickly. The SectionList component does the same thing on a phone. It displays a scrolling list divided into groups, and each group has its own header. Contacts sorted by letter, a menu divided by category, and tasks grouped by priority all suit it.

The Shape of the Data

A FlatList takes one flat array, while a SectionList takes an array of groups, called sections. Each section is an object with a data array containing its rows