diff --git a/src/components/home/CatalogSection.tsx b/src/components/home/CatalogSection.tsx index 6bd9668..cbf6cf6 100644 --- a/src/components/home/CatalogSection.tsx +++ b/src/components/home/CatalogSection.tsx @@ -104,11 +104,12 @@ const CatalogSection = ({ catalog }: CatalogSectionProps) => { keyExtractor={keyExtractor} horizontal showsHorizontalScrollIndicator={false} - contentContainerStyle={[styles.catalogList, { paddingRight: 16 - posterLayout.partialPosterWidth }]} + contentContainerStyle={StyleSheet.flatten([styles.catalogList, { paddingRight: 16 - posterLayout.partialPosterWidth }])} ItemSeparatorComponent={ItemSeparator} onEndReachedThreshold={0.7} onEndReached={() => {}} scrollEventThrottle={16} + estimatedItemSize={POSTER_WIDTH + 8} /> ); diff --git a/src/components/home/ContinueWatchingSection.tsx b/src/components/home/ContinueWatchingSection.tsx index a409216..4ee0b0a 100644 --- a/src/components/home/ContinueWatchingSection.tsx +++ b/src/components/home/ContinueWatchingSection.tsx @@ -631,6 +631,7 @@ const ContinueWatchingSection = React.forwardRef((props, re ItemSeparatorComponent={() => } onEndReachedThreshold={0.7} onEndReached={() => {}} + estimatedItemSize={280 + 16} /> ); diff --git a/src/screens/CatalogScreen.tsx b/src/screens/CatalogScreen.tsx index a19cae8..f32c28a 100644 --- a/src/screens/CatalogScreen.tsx +++ b/src/screens/CatalogScreen.tsx @@ -708,6 +708,7 @@ const CatalogScreen: React.FC = ({ route, navigation }) => { } contentContainerStyle={styles.list} showsVerticalScrollIndicator={false} + estimatedItemSize={effectiveItemWidth * 1.5 + SPACING.lg} /> ) : renderEmptyState()} diff --git a/src/screens/HomeScreen.tsx b/src/screens/HomeScreen.tsx index 904ec0a..a28923b 100644 --- a/src/screens/HomeScreen.tsx +++ b/src/screens/HomeScreen.tsx @@ -756,10 +756,10 @@ const HomeScreen = () => { data={listData} renderItem={renderListItem} keyExtractor={item => item.key} - contentContainerStyle={[ + contentContainerStyle={StyleSheet.flatten([ styles.scrollContent, { paddingTop: insets.top } - ]} + ])} showsVerticalScrollIndicator={false} ListHeaderComponent={memoizedHeader} ListFooterComponent={ListFooterComponent} @@ -767,6 +767,7 @@ const HomeScreen = () => { onEndReached={handleLoadMoreCatalogs} onEndReachedThreshold={0.6} scrollEventThrottle={32} + estimatedItemSize={220} onScroll={event => { const y = event.nativeEvent.contentOffset.y; const dy = y - lastScrollYRef.current;