React Native中没有粘性标题的平面列表水平



我正在使用flatlist来渲染从firestore收集的一些项目,并且ListHeaderComponent道具有问题。标题放在左边,我需要把它放在第一个项目的顶部(见下面的第二张图片(,当移动时,它必须固定为列表的第一个项目作为图片。

当前

左侧上带有ListHeaderComponent的水平平面列表

向左滚动时我需要实现这一点:

水平平面列表,ListHeaderComponent位于第一个项目的顶部

您可以将标题文本与FlatList分开。显然使用Text来显示标题。

编辑

如果您想用列表滚动文本,可以在ScrollView中使用FlatList。在这种情况下,您可以禁用FlatList的滚动。请查看下面的详细信息。

<ScrollView horizontal>
<Text>Header Text</Text>
<FlatList scrollEnabled={false} />
</ScrollView>

好的,解决了!这是代码:

<ScrollView horizontal={true}
<View>
<Text>Header Text</Text>
<FlatList horizontal={true}
scrollEnabled={false} />
</FlatList>
</View>
</ScrollView>

谢谢@baymax:(

相关内容

  • 没有找到相关文章

最新更新