如何使react原生平面主义自动滚动像Marquee

Question

我有一个平面列表。

<FlatList
horizontal
data={data}
key={(item, index) => index.toString()}
ListHeaderComponent={listHeader}
renderItem={ // rendering some component }
/>

我想让这个平面列表像字幕文本一样自动滚动。我的意思是，它应该自动缓慢滚动，直到它到达终点，然后它应该像旋转木马一样从头开始。

Answer 1

您可以使用react原生字幕。检查以下内容：https://www.npmjs.com/package/react-native-marquee

只需在字幕标签之间添加您的平面列表：

<Marquee
speed={1}
marqueeOnStart={true}
loop={true}>
<FlatList
horizontal
data={data}
key={(item, index) => index.toString()}
ListHeaderComponent={listHeader}
renderItem={ // rendering some component }
/>
<Marquee/>