如何防止FlatList项在粘性ListHeaderComponent下滚动

Question

我有一个FlatList与ListHeaderComponent，这是一个水平滚动的按钮数量。我已经使这些按钮粘，使它停留在顶部滚动期间，但有一种方法，以防止滚动项目显示下面的按钮，因为我向上滚动?我试过将marginBottom添加到ListHeaderComponentStyle，但它不起作用。我想让项目开始消失在ListHeaderComponent下面，我该怎么做?

<FlatList
style={{marginTop: 50}}
data={data}
ListHeaderComponent={
<FilterOptionButtons/>
}
ListHeaderComponentStyle={{ marginBottom: 50 }}  // does not add m
stickyHeaderIndices={[0]}
keyExtractor={(item) => item.id}
renderItem={renderItems}
contentContainerStyle={styles.flatListContainer}
/>

Answer 1

可以为ListHeaderComponent添加backgroundColor样式。目前它是透明的，这就是为什么项目显示在它的下面。

此外，我认为它会更好，如果你只是添加样式的<FilterOptionButtons />的容器，而不是使用ListHeaderComponentStyle。