Flatlist Horizo​​ntal 在 React Native 中没有粘性 header？

Question

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

目前

Horizontal flatlist with ListHeaderComponent on the left

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

Horizontal flatlist with ListHeaderComponent on the top of 1st item

Answer 1

您可以将 header 文本与 FlatList 分开。使用 Text 显然是为了显示 header.

编辑

如果你想用列表滚动文本，你可以在 ScrollView 中使用 FlatList。在这种情况下，您可以禁用 FlatList 的滚动。详情请查看下方。

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

Answer 2

好的，解决了！这是代码：

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

谢谢@baymax :)