criando botões do perfil #6

Abraao1231 · May 24, 2024 · 5a4c27e · 5a4c27e
1 parent b8b4b92
commit 5a4c27e
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/GymTracker/screens/Perfil.tsx b/src/GymTracker/screens/Perfil.tsx
@@ -1,10 +1,53 @@
-import { View, Text} from "react-native";
+import React from 'react';
+import { View, Text, Button, StyleSheet, TouchableOpacity} from "react-native";
 
 export default function Perfil(){
     return (
 
-        <View className="w-full h-full bg-zinc-950 items flex items-center justify-center">
+        <><View style={styles.container}>
             <Text className="text-white">Perfil</Text>
         </View>
-    )
-}
+        <View>
+            <TouchableOpacity>
+                <Text>Editar perfil</Text>
+            </TouchableOpacity>
+        </View>
+        <View>
+            <TouchableOpacity>
+                <Text>Definições gerais</Text>
+            </TouchableOpacity>
+        </View>
+        <View>
+            <TouchableOpacity>
+                <Text>Idioma</Text>
+            </TouchableOpacity>
+        </View>
+        <View>
+            <TouchableOpacity>
+                <Text>Nos Avalie</Text>
+            </TouchableOpacity>
+        </View>
+        <View>
+            <TouchableOpacity>
+                <Text>Sair</Text>
+            </TouchableOpacity>
+        </View>
+
+
+        </>
+
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        paddingTop: 39,
+        backgroundColor: '#09090B',
+        alignItems:'center'
+    },
+    button: {
+        backgroundColor:'red',
+        padding: 40,
+    },
+});