fix lists flickering in the library

This commit is contained in:
Violet Caulfield
2025-12-05 14:04:47 -06:00
parent ad2848e58b
commit 307627e6a7
3 changed files with 12 additions and 0 deletions

View File

@@ -142,6 +142,10 @@ export default function Albums({
ItemSeparatorComponent={ItemSeparatorComponent}
refreshControl={refreshControl}
stickyHeaderIndices={stickyHeaderIndices}
stickyHeaderConfig={{
// The list likes to flicker without this
useNativeDriver: false,
}}
onScrollBeginDrag={closeAllSwipeableRows}
removeClippedSubviews
/>

View File

@@ -148,6 +148,10 @@ export default function Artists({
}
renderItem={renderItem}
stickyHeaderIndices={stickyHeaderIndices}
stickyHeaderConfig={{
// The list likes to flicker without this
useNativeDriver: false,
}}
onStartReached={() => {
if (artistsInfiniteQuery.hasPreviousPage)
artistsInfiniteQuery.fetchPreviousPage()

View File

@@ -152,6 +152,10 @@ export default function Tracks({
}}
onScrollBeginDrag={handleScrollBeginDrag}
stickyHeaderIndices={stickyHeaderIndicies}
stickyHeaderConfig={{
// The list likes to flicker without this
useNativeDriver: false,
}}
ListEmptyComponent={
<YStack flex={1} justify='center' alignItems='center'>
<Text marginVertical='auto' color={'$borderColor'}>