react-native - 反应原生平面列表粘性标题

Question

我是 React Native 的新手，有一些艰巨的任务要做。

请观看视频并给我一些建议如何在前五秒内实现动画（照片在滚动时消失）

第二个（继续观看视频）粘性标题。粘性标题是类别名称新闻、商业、名人等。你有什么想法吗？

有没有插件可以实现这一点？

我使用 flatlist 来显示数据。

标签： react-nativereact-native-flatlist

Answer 1

这种技术可以使用SectionList来实现。请参见下面的示例

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