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) => (
+
+ ))}
+
)}
/>