时间戳

首页 > 解决方案 > 在 React Native 中没有粘性标题的 Flatlist Horizo​​ntal？

react-native - 在 React Native 中没有粘性标题的 Flatlist Horizo​​ntal？

问题描述

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

目前

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

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

第一项顶部带有 ListHeaderComponent 的水平平面列表

标签： react-nativereact-native-flatlistreact-native-sectionlist

解决方案

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

编辑

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

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

推荐阅读