diff --git a/blog/2017/03/13/better-list-views.html b/blog/2017/03/13/better-list-views.html index b50426e61f4..8ca35c4a933 100644 --- a/blog/2017/03/13/better-list-views.html +++ b/blog/2017/03/13/better-list-views.html @@ -4,7 +4,7 @@ />

<SectionList> #

If you want to render a set of data broken into logical sections, maybe with section headers (e.g. in an alphabetical address book), and potentially with heterogeneous data and rendering (such as a profile view with some buttons followed by a composer, then a photo grid, then a friend grid, and finally a list of stories), this is the way to go.

<SectionList renderItem={({item}) => <ListItem title={item.title} />} renderSectionHeader={({section}) => <H1 title={section.key} />} - sections={[ // homogenous rendering between sections + sections={[ // homogeneous rendering between sections {data: [...], key: ...}, {data: [...], key: ...}, {data: [...], key: ...},