我正试图制作一些标题以粘贴在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()}
将在平面主义者的顶部,但不作为平面主义者内部的项目——其独立