SectionList React-Native

Question

作为sectionList Renders Header和异构列表中项目列表的自然属性：例如：

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

如何在主标题下呈现SubHeader并列出 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

希望这能解决您的问题。