In a SectionList how do i hide the section header of an empty section (data:[])

Question

I'm using react-native's SectionList and can't hide the sectionheaders of the empty sections of my dataset. I want to show only the section headers and the rows of the sections that are not empty.

You should mark @Andre Simon's answer as accepted – Irfan wani Jul 16 '21 at 04:18 — Irfan wani, Jul 16 '21 at 04:18

score 20 · Accepted Answer · answered Jan 15 '19 at 19:04

20

This is what I did:

<SectionList
   renderSectionHeader={({ section }) => (
      section.data.length > 0 ? this._renderHeader(section.title) : (null)
   )}
   ...
/>

answered Jan 15 '19 at 19:04

Andre Simon

665
10
16

score 0 · Answer 2 · answered Feb 28 '22 at 23:16

0

<SectionList>
    renderSectionHeader={({ section: { title, data } }) =>
            data.length > 0 && <Text>{title}</Text>
            }
    ...
</SectionList>

answered Feb 28 '22 at 23:16

Soyal7

381
5
10

In a SectionList how do i hide the section header of an empty section (data:[])

2 Answers2