ItemSeparatorComponent - 回调每一行

Question

如何为每一行调用get的ItemSeparatorComponentprop FlatList,以便可以为每一行自定义.类似于renderSeparator prop of deprecated的东西ListView.

Answer 1

我有相同的要求,结果你也可以传递一个函数:

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}
  />;
}