ItemSeparatorComponent - Call back for each row
I had the same requirement, turns out you can pass a function as well:
renderSeparator = ({leadingItem, section})=>{
if (section.noSeparator || !leadingItem.noSeparator)
return null;
return <Separator />;
};
render(){
return <SectionList
renderSectionHeader={this.renderSectionHeader}
sections={this.sections}
renderItem={this.renderItem}
ItemSeparatorComponent={this.renderSeparator}
/>;
}