react-native – ItemSeparatorComponent – 回调每一行

发布时间：2020-12-15 16:19:37 所属栏目：百科来源：网络整理

导读：如何为每一行调用FlatList的ItemSeparatorComponent prop,以便可以为每一行自定义.与 renderSeparator道具不同的ListView类似的东西. 解决方法我有相同的要求,结果你也可以传递一个函数： renderSeparator = ({leadingItem,section})={ if (section.noSepar

如何为每一行调用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}
  />;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!