Browse Source

modificaciones al background y botones

juan.hernandez41 2 years ago
parent
commit
eec51e748e
3 changed files with 34618 additions and 19818 deletions
  1. 43
    20
      App.js
  2. 25081
    10674
      package-lock.json
  3. 9494
    9124
      yarn.lock

+ 43
- 20
App.js View File

12
   buttons: {
12
   buttons: {
13
 	  flexDirection: 'row',
13
 	  flexDirection: 'row',
14
 	  justifyContent: 'center',
14
 	  justifyContent: 'center',
15
-	  marginTop: 30
15
+	  marginTop: 30,
16
+	  marginBottom: 30,
17
+	  margin: "4px",
18
+	  borderColor: "grey",
16
   },
19
   },
17
   container: {
20
   container: {
18
     flexDirection: 'column',
21
     flexDirection: 'column',
20
     backgroundColor: 'black',
23
     backgroundColor: 'black',
21
     alignItems: 'center',
24
     alignItems: 'center',
22
     justifyContent: 'center',
25
     justifyContent: 'center',
23
-	marginTop: 20
26
+	marginTop: 20,
27
+	marginBottom: 500
28
+  },
29
+  containerbackground:{
30
+	
31
+    backgroundColor: '#063970',
32
+	padding: "40px"
24
   },
33
   },
25
   intro: {
34
   intro: {
26
 	  fontWeight: "bold",
35
 	  fontWeight: "bold",
30
   },
39
   },
31
   sub: {
40
   sub: {
32
       color:"#D7D6D6",
41
       color:"#D7D6D6",
42
+	  
33
 	  fontSize: 20,
43
 	  fontSize: 20,
34
   },
44
   },
35
   scrollView:{
45
   scrollView:{
52
 //states
62
 //states
53
 
63
 
54
 let states = {
64
 let states = {
65
+	
55
 		welcome:
66
 		welcome:
56
 		  
67
 		  
68
+
69
+		<View style = {styles.containerbackground}>
57
 		  <View style = {styles.container}>
70
 		  <View style = {styles.container}>
58
 		  
71
 		  
59
 		  
72
 		  
60
-			<Text style={styles.intro}>WELCOME!!!!</Text>
73
+			<Text style={styles.intro}>BIENVENIDO!!!!</Text>
61
 		
74
 		
62
-			<Text style={styles.sub}>オレノウタヲキケ!</Text>
75
+			<Text style={styles.sub}>Aqui podra mantenerse al tanto con las 
76
+			ultimas noticias relacionadas al censo</Text>
63
 			 
77
 			 
64
 			<Image source={require('./testimg.gif')} />
78
 			<Image source={require('./testimg.gif')} />
65
 			
79
 			
66
-		  </View>,
80
+		  </View>
81
+		</View>,
67
 		  
82
 		  
68
 		dataView:
83
 		dataView:
69
 		
84
 		
85
+		<View style = {styles.containerbackground}>
70
 		<ScrollView style={styles.scrollView}>
86
 		<ScrollView style={styles.scrollView}>
71
 		 <View style = {styles.container}>
87
 		 <View style = {styles.container}>
72
 		  
88
 		  
78
 			<Image source={require('./testimg.gif')} />
94
 			<Image source={require('./testimg.gif')} />
79
 			
95
 			
80
 		 </View>
96
 		 </View>
81
-		</ScrollView>
97
+		</ScrollView></View>
82
 	}
98
 	}
83
 
99
 
84
 
100
 
97
    render() {
113
    render() {
98
       return (
114
       return (
99
 	  <View>
115
 	  <View>
100
-		<View style = {styles.buttons}>
101
-			  <Button
102
-				 onPress = {this.setHome}
103
-				 title = "Noticias"
104
-				 color = "blue"
105
-			  />
116
+		
117
+			<View style = {styles.containerbackground}>
118
+				<View style = {styles.container}>
119
+					<Text style={styles.sub}> Navegador</Text>
120
+						<View style = {styles.buttons}>
121
+			 		 			<Button
122
+								 onPress = {this.setHome}
123
+				 				title = "Noticias"
124
+				 				color = "blue"
125
+			  					/>
106
 			  
126
 			  
107
-			  <Button
108
-				 onPress = {this.setData}
109
-				 title = "Datos"
110
-				 color = "black"
111
-			  />
112
-		  </View>
113
-		  {this.state.current}
114
-	</View>
127
+			  					<Button
128
+								 onPress = {this.setData}
129
+								 title = "Datos"
130
+								 color = "black"
131
+			  					/>
132
+
133
+						</View>
134
+		  				{this.state.current}
135
+						</View>
136
+			</View>
137
+		</View>
115
       );
138
       );
116
    }
139
    }
117
 }
140
 }

+ 25081
- 10674
package-lock.json
File diff suppressed because it is too large
View File


+ 9494
- 9124
yarn.lock
File diff suppressed because it is too large
View File