React Native-stickyHeaderIndices不适用于SectionList



我正试图制作一些标题以粘贴在SectionList的顶部,但stickyHeaderIndices={[0]}似乎没有按预期工作。这是部分列表:

<SectionList
ref={(ref) => (productsSectionListRef = ref)}
stickyHeaderIndices={[0]}
ListHeaderComponent={_renderHeader()}
contentContainerStyle={[style.products_container]}
sections={productListSections}
renderItem={({item, section}: {item: string; section: any}) => {
return _renderProduct(item);
}}
stickySectionHeadersEnabled={false}
renderSectionHeader={({section}) => {
return _renderProductHeader(section.title);
}}
keyExtractor={(item) => item}
showsVerticalScrollIndicator={false}
viewabilityConfig={{
itemVisiblePercentThreshold: 50,
}}
onViewableItemsChanged={_onViewableItemsChanged}
bounces={false}
scrollEventThrottle={4}
initialNumToRender={productListSections.length}
scrollEnabled={scrollEnabled}
removeClippedSubviews={true}/>

我试着把标题放在部分列表之外,但标题更大,我无法在标题组件内部滚动。

stickyHeaderIndices={[0]} 

将使平面图中的第一个项目粘在顶部如果你换成

stickyHeaderIndices={[5]} 

当滚动时,项目到达顶部后,第4个项目将粘在顶部

中的项目

ListHeaderComponent={_renderHeader()}

将在平面主义者的顶部,但不作为平面主义者内部的项目——其独立

相关内容

  • 没有找到相关文章

最新更新