Update 'screens/account.js'

screens/account.js

@@ -1,11 +1,20 @@
 import * as React from 'react';
 import { Alert, View, Linking} from 'react-native';
 import { Button, Text, TextInput, Divider } from 'react-native-paper';
-import { useCallback } from "react";
-import { createStackNavigator, createAppContainer } from 'react-navigation';  
+import { useState, useCallback } from "react";
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import createAccount from './createAccount';
+import Header from '../shared/header';
+
+
 
 const supportedURL = "https://docs.google.com/forms/d/e/1FAIpQLSe93-cuCFQ084AxVbzhwFJHjtPhrXFJ624ezAcqKU5qUsBqwg/viewform";
 
+const submit = () => {
+    console.log("write something")
+}
+
 const OpenURLButton = ({ url, children }) => {
     const handlePress = useCallback(async () => {
       // Checking if the link is supported for links with custom URL scheme.
@@ -28,53 +37,51 @@ const OpenURLButton = ({ url, children }) => {
             </Button> ;
   };
 
+const Stack = createNativeStackNavigator();
 
-const MyComponent = () => {
-    const [text, setText] = React.useState("");
-    const [text2, setText2] = React.useState("");
-
-
+const ProfileScreen = ({ route }) => {
   return (
     <View >
 
-        <Text style={{fontSize:30, fontWeight:"bold",  marginVertical: 20, marginHorizontal: 110}}>
-            Crear Cuenta
+        <Text style={{fontSize:30, fontWeight:"bold",  marginVertical: 20, marginHorizontal: 30}}>
+            Mi Cuenta
         </Text>
     
-        <TextInput style={{width: 350, marginVertical: 40, marginHorizontal: 30}}
-            label="Nombre"
-            value={text}
-            mode = "outlined"
-            outlineColor='#327ABC'
-            onChangeText={text => setText(text)}
-        />
-
-        <TextInput style={{width: 350, marginVertical: -20, marginHorizontal: 30}}
-            label="Email"
-            value={text2}
-            mode = "outlined"
-            outlineColor='#327ABC'
-            onChangeText={text2 => setText2(text2)}
-        />
+        <Text style={{fontSize:15, fontWeight:"bold",  marginVertical: 20, marginHorizontal: 30}}>
+            Nombre: {route.params.userName}
+        </Text>
 
-        <Button style={{width: 250, marginVertical: 70, marginHorizontal: 90}}
-        buttonColor = "#327ABC"
-        mode="contained"
-        onPress={console.log(text)}>
-            Crear cuenta
-        </Button>
-        <Divider style={{marginVertical: -20}}
-        horizontalInset='true' />
+        <Text style={{fontSize:15, fontWeight:"bold",  marginVertical: 20, marginHorizontal: 30}}>
+            Email: {route.params.email}
+        </Text>
 
-        <Button style={{width: 250, marginVertical: 70, marginHorizontal: 90}}
-        buttonColor = "teal"
-        mode="contained" >
-            Crear cuenta con Google
-        </Button>
-  
+        <Text style={{fontSize:15, fontWeight:"bold",  marginVertical: 20, marginHorizontal: 30}}>
+            Telefono: {route.params.phone}
+        </Text>
+    
+        <OpenURLButton 
+        url={"https://docs.google.com/forms/d/e/1FAIpQLSe93-cuCFQ084AxVbzhwFJHjtPhrXFJ624ezAcqKU5qUsBqwg/viewform"}>
+            Llenar formulario de voluntario
+        </OpenURLButton>
         
     </View>
   );
 };
 
+const MyComponent = () => {
+
+    return (
+      <NavigationContainer independent="true">
+        <Stack.Navigator>
+        <Stack.Screen name="CreateAccountScreen" component={createAccount}  options={ ({navigation}) => {
+          return {
+            headerShown:false,
+              headerTitle: () => <Header navigation={navigation}/>
+          } }}/>
+        <Stack.Screen name="Profile" component={ProfileScreen} />
+        </Stack.Navigator>
+      </NavigationContainer>
+  );
+  
+}
 export default MyComponent;