Merge pull request #5 from Abraao1231/#1-create-config-file-router

#1 create config file router

src/GymTracker/@types/app.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="nativewind/types" />
+declare module '*.jpg';
+declare module '*.png';
+
+

src/GymTracker/@types/svg.d.ts

@@ -0,0 +1,6 @@
+ declare module "*.svg"{
+    import React from 'react';
+    import { SvgProps } from 'react-native-svg';
+    const content: React.FC<SvgProps>;
+    export default content;
+}

src/GymTracker/App.tsx

@@ -1,24 +1,16 @@
-import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, Text, View } from 'react-native';
-import { Image } from 'react-native';
+import { StatusBar } from 'react-native';
+
+
+import { Routes } from './routes';
+
+
 export default function App() {
+
   return (
-    <View  style={styles.container}>
-      <Text style={styles.text}>GymTracker</Text>
-    </View>
+    <>
+      <Routes/>
+      <StatusBar barStyle='light-content' backgroundColor='transparent'  translucent/>
+    </>
   );
 }
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: 'black',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  text: {
-    color: 'purple',
-    fontSize: 20,
-    fontWeight: 'bold' 
-  }
-});

src/GymTracker/app.json

@@ -4,12 +4,12 @@
     "slug": "GymTracker",
     "version": "1.0.0",
     "orientation": "portrait",
-    "icon": "./assets/icon.png",
+    "icon": "./assets/images/icon.png",
     "userInterfaceStyle": "light",
     "splash": {
-      "image": "./assets/iphone-splash-preview-dark.png",
+      "image": "./assets/images/iphone-splash-preview-dark.png",
       "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
+      "backgroundColor": "#000000"
     },
     "assetBundlePatterns": [
       "**/*"
@@ -19,12 +19,20 @@
     },
     "android": {
       "adaptiveIcon": {
-        "foregroundImage": "./assets/adaptive-icon.png",
+        "foregroundImage": "./assets/images/adaptive-icon.png",
         "backgroundColor": "#000000"
       }
     },
     "web": {
-      "favicon": "./assets/favicon.png"
-    }
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": [
+      [
+        "expo-font",
+        {
+          "fonts": ["./assets/images/fonts/Viga-Regular.ttf"]
+        }
+      ]
+    ]
   }
 }

src/GymTracker/babel.config.js

@@ -2,5 +2,6 @@ module.exports = function(api) {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],
+    plugins: ["nativewind/babel"]
   };
 };

src/GymTracker/components/ButtonHome.tsx

@@ -0,0 +1,23 @@
+import { TouchableOpacity } from "react-native";
+import { Text } from "react-native";
+import { useNavigation } from "@react-navigation/native";
+
+
+interface PropsButtonHomeProps {
+    title: string
+    screen: string
+}
+
+export function ButtonHome(Props: PropsButtonHomeProps){
+    const { navigate } = useNavigation();
+
+    return (
+        <TouchableOpacity 
+            className="border-violet-700 border-2 h-14 w-[90%] rounded-xl bg-zinc-950 flex items-center justify-center"
+            onPress={()=>{navigate(Props.screen)}}
+        >
+
+            <Text className="text-violet-700">{Props.title}</Text>
+        </TouchableOpacity>
+    )
+}