SectionList React-Native

Question

由于 sectionList 的自然属性呈现标题以及异类列表中的项目列表： 例如：

<SectionList
  sections={[ // heterogeneous rendering between sections
    {data: [...], renderItem: ...},
    {data: [...], renderItem: ...},
    {data: [...], renderItem: ...},
  ]}
/>

如何渲染 SubHeaders 主标题和列出 SubHeader 的项目以及 MainHeader

Answer 1

您可以将ListHeaderComponent道具用于主标头。您可以为部分使用renderSectionHeader。如果您不想要一个粘性标题stickySectionHeadersEnabled = {false}，请记住。

https://facebook.github.io/react-native/docs/sectionlist.html#listheadercomponent

https://facebook.github.io/react-native/docs/sectionlist.html#rendersectionheader

https://facebook.github.io/react-native/docs/sectionlist.html#stickysectionheadersenabled

希望这能解决你的问题。