02042025

app/contato.jsx

@@ -0,0 +1,63 @@
+import {useRouter} from "expo-router";
+import { View, StyleSheet, Text, TextInput, TouchableOpacity } from "react-native";
+import React, {useState} from 'react'
+
+export default function Contato() {
+    const [mensagem, setMensagem] = useState("")
+    const router = useRouter()
+    const [final, setFinal] = useState("Enviada")
+    function enviarMensagem() {
+        setFinal(`
+            Mensagem Enviada com Sucesso \n
+            ${mensagem}
+        `)
+    }
+
+    function irParaHome() {
+        if(router.canDismiss()) {
+            router.dismissAll();
+        }
+        router.push("/")
+    }  
+    return (
+        <View style={styles.container}>
+            <View>
+                <Text style={{fontSize: 24}}>
+                    Contato
+                </Text>
+                <TextInput style={styles.textInput} placeholder='Digite sua Mensagem' value={mensagem} onChangeText={setMensagem}></TextInput>
+                <TouchableOpacity style={{padding: 10, backgroundColor: "#f4511e", borderRadius: 5, alignItems: 'center', textAlign: 'center'}} onPress={(enviarMensagem)}>
+                    <Text>Enviar Mensagem</Text>
+                </TouchableOpacity>
+                <Text>{final}</Text>
+            </View>
+            <View style={{flex: 1, justifyContent: 'flex-end'}}>
+                <TouchableOpacity style={styles.button} onPress={irParaHome}>
+                    <Text>Ir para Home</Text>
+                </TouchableOpacity>
+            </View>
+        </View>
+        
+    )
+    
+}
+const styles = StyleSheet.create ({
+    container: {
+        flex: 1, padding: 20
+    },
+    textInput: {
+        height: 40, padding: 10
+    },
+    link: {
+        padding: 10, backgroundColor: "#ddd", borderRadius: 5, alignItems: 'center', textAlign: 'center'
+    },
+    button: {
+        padding: 10, backgroundColor: "#ddd", borderRadius: 5, alignItems: 'center', textAlign: 'center'
+    },
+    successMessage: {
+        marginTop: 10,
+        color: 'green',
+        fontSize: 16,
+        textAlign: 'center'
+    }
+})

app/galeria.jsx

@@ -53,9 +53,9 @@ export default function Galeria() {
                 justifyContent: 'flex-end'}}
             >
                 <Link
-                    href="/configuracoes"
+                    href="/contato"
                     style={styles.link}>
-                        <Text>Ir para Configurações</Text>
+                        <Text>Ir para Contato</Text>
                 </Link>
             </View>