Adjust item separator height in CatalogScreen

This commit is contained in:
AdityasahuX07 2026-01-09 20:19:48 +05:30 committed by GitHub
parent 67d53cf5ce
commit b916bdbcca
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -190,6 +190,7 @@ const createStyles = (colors: any) => StyleSheet.create({
shadowOpacity: 0.1, shadowOpacity: 0.1,
shadowRadius: 4, shadowRadius: 4,
elevation: 2, elevation: 2,
paddingHorizontal:4,
}, },
poster: { poster: {
width: '100%', width: '100%',
@ -1059,7 +1060,7 @@ const CatalogScreen: React.FC<CatalogScreenProps> = ({ route, navigation }) => {
keyExtractor={(item) => `${item.id}-${item.type}`} keyExtractor={(item) => `${item.id}-${item.type}`}
numColumns={effectiveNumColumns} numColumns={effectiveNumColumns}
key={effectiveNumColumns} key={effectiveNumColumns}
ItemSeparatorComponent={() => <View style={{ height: ((screenData as any).itemSpacing ?? SPACING.sm) }} />} ItemSeparatorComponent={() => <View style={{ height: ((screenData as any).itemSpacing ?? SPACING.sm) - 20 }} />}
refreshControl={ refreshControl={
<RefreshControl <RefreshControl
refreshing={refreshing} refreshing={refreshing}
@ -1114,4 +1115,4 @@ const CatalogScreen: React.FC<CatalogScreenProps> = ({ route, navigation }) => {
); );
}; };
export default CatalogScreen; export default CatalogScreen;