SectionList反应-本机

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

希望这能解决你的问题。