反应本机flatlist粘性标头

时间:2018-06-21 07:36:47

标签: react-native react-native-flatlist

我是本机反应的新手,有一些艰巨的任务要做。

请参阅video,并给我一些有关如何在头五秒内实现动画(照片在滚动中消失)的建议

还有第二个(继续观看视频)粘性标题。粘性标头是类别名称新闻,商业,名人等。您有什么想法吗?

有没有插件可以实现这一目标?

我使用平面列表显示数据。

2 个答案:

答案 0 :(得分: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}
/>

答案 1 :(得分:-2)

这是android中的collasing工具栏,您可以使用库来执行此操作。

此处:https://github.com/cesardeazevedo/react-native-collapsing-toolbar