Search code examples
listreact-nativeheadersectionheaderreact-native-sectionlist

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


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.


Solution

  • This is what I did:

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