Browse Source

Anadi Login al stack navigator en App.js. Quitamos el <View> de Home_page.js para que se vea completo el background.

ErnestoOrtiz2 3 years ago
parent
commit
13883f4c6f
2 changed files with 17 additions and 11 deletions
  1. 1
    1
      App.js
  2. 16
    10
      screens/main/Home_page.js

+ 1
- 1
App.js View File

65
       return (
65
       return (
66
         <NavigationContainer>
66
         <NavigationContainer>
67
           <Stack.Navigator>
67
           <Stack.Navigator>
68
-            <Stack.Screen name={" "} options={{headerShown: false}} component={LoginScreen}/>
68
+            <Stack.Screen name={"Login"} options={{headerShown: false}} component={LoginScreen}/>
69
             <Stack.Screen name={"Register"} options={{headerTransparent: true, headerTitle: " "}} component={RegisterScreen}/>
69
             <Stack.Screen name={"Register"} options={{headerTransparent: true, headerTitle: " "}} component={RegisterScreen}/>
70
           </Stack.Navigator>
70
           </Stack.Navigator>
71
         </NavigationContainer>
71
         </NavigationContainer>

+ 16
- 10
screens/main/Home_page.js View File

18
   const [threads, setThreads] = useState([]);  
18
   const [threads, setThreads] = useState([]);  
19
   const [loading, setLoading] = useState(true);
19
   const [loading, setLoading] = useState(true);
20
   
20
   
21
-  //const [roomName, setRoomName] = useState('');
21
+  const [roomName, setRoomName] = useState('');
22
   //const navigation = useNavigation();
22
   //const navigation = useNavigation();
23
+  //const [roomName, setRoomName] = useState('');
23
 
24
 
24
   useEffect(() => {
25
   useEffect(() => {
25
 
26
 
54
   }
55
   }
55
 
56
 
56
 
57
 
57
-  /*function handleButtonPress() {
58
+  function handleButtonPress() {
58
     if (roomName.length > 0) {
59
     if (roomName.length > 0) {
59
       firebase.firestore()
60
       firebase.firestore()
60
         .collection('Users')
61
         .collection('Users')
63
         .add({
64
         .add({
64
           name: roomName
65
           name: roomName
65
         })
66
         })
66
-        .then(() => {
67
-          navigation.navigate('allChats');
68
-         });
67
+        //.then(() => {
68
+          //navigation.navigate('allChats');
69
+         //});
69
     }
70
     }
70
-  }*/
71
+  }
71
 
72
 
72
 
73
 
73
 
74
 
75
 
76
 
76
   
77
   
77
   return (
78
   return (
78
-    <View>
79
     <ImageBackground style={styles.stdcontainer} source={require('../../assets/yellow-white.jpg')}>
79
     <ImageBackground style={styles.stdcontainer} source={require('../../assets/yellow-white.jpg')}>
80
         <FlatList
80
         <FlatList
81
           data={threads}
81
           data={threads}
99
         )}
99
         )}
100
       />
100
       />
101
 
101
 
102
+                <TextInput
103
+                    labelName='Room Name'
104
+                    placeholder="new chat room"
105
+                    onChangeText={(text) => setRoomName(text)}
106
+                    clearButtonMode='while-editing'
107
+                />
108
+
102
       <Button
109
       <Button
103
-        title='Ver mensajes'
104
-        onPress={() => navigation.navigate('Add')}
110
+        title='Provisional'
111
+        onPress={() => handleButtonPress()}
105
       />
112
       />
106
 
113
 
107
         <Button
114
         <Button
109
         onPress= {() => navigation.navigate('Room')}
116
         onPress= {() => navigation.navigate('Room')}
110
         />
117
         />
111
         </ImageBackground>
118
         </ImageBackground>
112
-      </View>
113
     );
119
     );
114
   }
120
   }
115
 
121