当前位置 : 主页 > 网页制作 > React >

react-native – ItemSeparatorComponent – 回调每一行

来源:互联网 收集:自由互联 发布时间:2021-06-15
如何为每一行调用FlatList的ItemSeparatorComponent prop,以便可以为每一行自定义.与 renderSeparator道具不同的ListView类似的东西. 我有相同的要求,结果你也可以传递一个函数: renderSeparator = ({le
如何为每一行调用FlatList的ItemSeparatorComponent prop,以便可以为每一行自定义.与 renderSeparator道具不同的ListView类似的东西. 我有相同的要求,结果你也可以传递一个函数:

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}
  />;
}
网友评论