|
@@ -6,7 +6,8 @@ import {TouchableOpacity} from 'react-native-gesture-handler'
|
6
|
6
|
import {List, Divider} from 'react-native-paper'
|
7
|
7
|
import Loading from '../components/Loading'
|
8
|
8
|
import firebase from 'firebase';
|
9
|
|
-
|
|
9
|
+import { styles } from "../config/styles";
|
|
10
|
+import { TextInput, TouchableWithoutFeedback, Keyboard, ImageBackground} from "react-native";
|
10
|
11
|
|
11
|
12
|
export default function Home_page({navigation}) {
|
12
|
13
|
const [threads, setThreads] = useState([]);
|
|
@@ -43,7 +44,8 @@ export default function Home_page({navigation}) {
|
43
|
44
|
}
|
44
|
45
|
|
45
|
46
|
return (
|
46
|
|
- <View style={styles.container}>
|
|
47
|
+ <View>
|
|
48
|
+ <ImageBackground style={styles.stdcontainer} source={require('../assets/yellow-white.jpg')}>
|
47
|
49
|
<FlatList
|
48
|
50
|
data={threads}
|
49
|
51
|
keyExtractor = {item => item._id}
|
|
@@ -67,30 +69,18 @@ export default function Home_page({navigation}) {
|
67
|
69
|
/>
|
68
|
70
|
|
69
|
71
|
<Button
|
70
|
|
- title='Add Room'
|
|
72
|
+ title='Ver mensajes'
|
71
|
73
|
onPress={() => navigation.navigate('Add')}
|
72
|
74
|
/>
|
73
|
75
|
|
74
|
76
|
<Button
|
75
|
|
- title ='Room'
|
|
77
|
+ title ='Hacer Busqueda'
|
76
|
78
|
onPress= {() => navigation.navigate('Room')}
|
77
|
79
|
/>
|
78
|
|
-
|
|
80
|
+ </ImageBackground>
|
79
|
81
|
</View>
|
80
|
82
|
);
|
81
|
83
|
}
|
82
|
|
- const styles = StyleSheet.create({
|
83
|
|
- container: {
|
84
|
|
- backgroundColor: '#f5f5f5',
|
85
|
|
- flex: 1
|
86
|
|
- },
|
87
|
|
- listTitle: {
|
88
|
|
- fontSize: 22
|
89
|
|
- },
|
90
|
|
- listDescription: {
|
91
|
|
- fontSize: 16
|
92
|
|
- }
|
93
|
|
- });
|
94
|
84
|
|
95
|
85
|
|
96
|
86
|
|