Question

我有一些像这样的数据： data = [ {name: 'Christmans', date: '.....'}, {name: 'Easter', date: '.....'}, {name: 'Kwanza', date: '.....'} ...

我想用粘性标头显示数据，如下所示：

----- [即将上线] -------------此处为粘性部分

除夕
复活节星期一
复活节星期四
NASCAR比赛日

[今天]

圣诞节
迈克生日

[本周]

生日快乐
地球日
420天

[上周]

母亲节等等

这是在react-native中使用FlatList。如何获得按该顺序格式化的数据？我是否需要创建4个不同的平面列表并在第一个中传递即将到来的数据，在第二个中传递今天的数据，等等？很好看一个例子。谢谢！

Answer 1

使用“部分列表”代替“平面列表”

  <SectionList
 renderItem={({item, index, section}) => <Text key={index}>. 
 {item}</Text>}
 renderSectionHeader={({section: {title}}) => (
<Text style={{fontWeight: 'bold'}}>{title}</Text>
)}
 sections={[
{title: 'Title1', data: ['item1', 'item2']},
{title: 'Title2', data: ['item3', 'item4']},
{title: 'Title3', data: ['item5', 'item6']},
 ]}
  keyExtractor={(item, index) => item + index}
/>

有关更多详细信息，请检查此链接-https://facebook.github.io/react-native/docs/sectionlist

将标题添加到FlatList

1 个答案: