Question

我正在使用平面列表来呈现从Firestore收集的某些项目，并且ListHeaderComponent属性存在问题。页眉位于左侧，我需要将其放在第一项的顶部（请参见下面的第二幅图像），并且在移动时必须将其固定为列表的第一项作为图像。

当前

Horizontal flatlist with ListHeaderComponent on the left

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

Horizontal flatlist with ListHeaderComponent on the top of 1st item

Answer 1

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

编辑

如果要滚动显示带有列表的文本，可以在FlatList内使用ScrollView。在这种情况下，您可以禁用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：）

Flatlist水平在React Native中没有粘性标题吗？

2 个答案: