Merge pull request #68 from Sypher0Dronzer/Pokedex

Pokedex has been added
smilewithkhushi · Jun 10, 2024 · 61b066b · 61b066b
2 parents c41672b + a268954
commit 61b066b
Show file tree

Hide file tree

Showing 4 changed files with 447 additions and 1 deletion.
diff --git a/App.js b/App.js
@@ -29,6 +29,7 @@ import RecipeFinder from "./src/screens/RecipeFinder/RecipeFinder";
 import TicTacToe from "./src/screens/TicTacToe/TicTacToe";
 import Icons from "./src/screens/TicTacToe/components/Icons";
 import AnimeFinder from "./src/screens/AnimeFinder/AnimeFinder";
+import Pokedex from "./src/screens/Pokedex/Pokedex";
 
 
 export default function App() {
@@ -138,6 +139,33 @@ export default function App() {
             },
           }}
         />
+        <Stack.Screen
+          name="Pokedex"
+          component={Pokedex}
+          options={{
+            headerShown: true,
+            headerStyle: {
+              backgroundColor: '#121212',
+            },
+            headerTintColor: '#00ff99',
+            headerTitleStyle: {
+              fontWeight: 'bold',
+            },
+            cardStyle: { backgroundColor: '#121212' },
+            animationEnabled: true,
+            animationTypeForReplace: 'push',
+            transitionSpec: {
+              open: {
+                animation: 'timing',
+                config: { duration: 300 },
+              },
+              close: {
+                animation: 'timing',
+                config: { duration: 300 },
+              },
+            },
+          }}
+        />
       </Stack.Navigator>
     </NavigationContainer>
   );

diff --git a/src/screens/Home/home.js b/src/screens/Home/home.js
@@ -147,12 +147,19 @@ export default function Home() {
             <Text
               style={styles.button}
               onPress={() => {
-                console.log("Button to Tic-Tac-Toe List is Pressed!");
                 navigation.navigate("Anime Finder");
               }}
             >
               Anime Finder
             </Text>
+            <Text
+              style={styles.button}
+              onPress={() => {
+                navigation.navigate("Pokedex");
+              }}
+            >
+              Pokedex
+            </Text>
           </Pressable>
         </View>
       </View>