diff --git a/src/screens/gallery/GalleryScreen.style.ts b/src/screens/gallery/GalleryScreen.style.ts index c54531b..a437294 100644 --- a/src/screens/gallery/GalleryScreen.style.ts +++ b/src/screens/gallery/GalleryScreen.style.ts @@ -1,5 +1,6 @@ import {StyleSheet} from 'react-native'; import {AppSpacing} from '../../themes/theme'; +import {windowWidth} from '../../utils/constants'; export const style = StyleSheet.create({ flatList: { @@ -9,4 +10,11 @@ export const style = StyleSheet.create({ marginVertical: AppSpacing.small, fontWeight: 'bold', }, + imageListContainer: { + flexDirection: 'row', + flexWrap: 'wrap', + }, + imageContainer: { + width: windowWidth / 3.4, + }, }); diff --git a/src/screens/gallery/GalleryScreen.tsx b/src/screens/gallery/GalleryScreen.tsx index ccf17eb..0f4a6a6 100644 --- a/src/screens/gallery/GalleryScreen.tsx +++ b/src/screens/gallery/GalleryScreen.tsx @@ -39,14 +39,16 @@ export const GalleryScreen: FC = () => { {item.name} - index.toString()} - renderItem={({item: pokemon}) => ( - - )} - /> + + {item.data.map((pokemon, index) => ( + + ))} + )} />