App.js

@@ -4,7 +4,7 @@ import { View, Image, StyleSheet, Text, Button, ScrollView } from 'react-native'
 import data from './transfer.json' 
 
 
-//test
+
 
 //change this to an external css file later
 const styles = StyleSheet.create({
@@ -12,7 +12,10 @@ const styles = StyleSheet.create({
   buttons: {
 	  flexDirection: 'row',
 	  justifyContent: 'center',
-	  marginTop: 30
+	  marginTop: 30,
+	  marginBottom: 30,
+	  margin: "4px",
+	  borderColor: "grey",
   },
   container: {
     flexDirection: 'column',
@@ -20,7 +23,13 @@ const styles = StyleSheet.create({
     backgroundColor: 'black',
     alignItems: 'center',
     justifyContent: 'center',
-	marginTop: 20
+	marginTop: 20,
+	marginBottom: 500
+  },
+  containerbackground:{
+	
+    backgroundColor: '#063970',
+	padding: "40px"
   },
   intro: {
 	  fontWeight: "bold",
@@ -30,6 +39,7 @@ const styles = StyleSheet.create({
   },
   sub: {
       color:"#D7D6D6",
+	  
 	  fontSize: 20,
   },
   scrollView:{
@@ -52,21 +62,27 @@ function importJSON() {
 //states
 
 let states = {
+	
 		welcome:
 		  
+
+		<View style = {styles.containerbackground}>
 		  <View style = {styles.container}>
 		  
 		  
-			<Text style={styles.intro}>WELCOME!!!!</Text>
+			<Text style={styles.intro}>BIENVENIDO!!!!</Text>
 		
-			<Text style={styles.sub}>オレノウタヲキケ！</Text>
+			<Text style={styles.sub}>Aqui podra mantenerse al tanto con las 
+			ultimas noticias relacionadas al censo</Text>
 			 
 			<Image source={require('./testimg.gif')} />
 			
-		  </View>,
+		  </View>
+		</View>,
 		  
 		dataView:
 		
+		<View style = {styles.containerbackground}>
 		<ScrollView style={styles.scrollView}>
 		 <View style = {styles.container}>
 		  
@@ -78,7 +94,7 @@ let states = {
 			<Image source={require('./testimg.gif')} />
 			
 		 </View>
-		</ScrollView>
+		</ScrollView></View>
 	}
 
 
@@ -97,21 +113,28 @@ setData = () => this.setState({ current: states.dataView })
    render() {
       return (
 	  <View>
-		<View style = {styles.buttons}>
-			  <Button
-				 onPress = {this.setHome}
-				 title = "Noticias"
-				 color = "blue"
-			  />
+		
+			<View style = {styles.containerbackground}>
+				<View style = {styles.container}>
+					<Text style={styles.sub}> Navegador</Text>
+						<View style = {styles.buttons}>
+			 		 			<Button
+								 onPress = {this.setHome}
+				 				title = "Noticias"
+				 				color = "blue"
+			  					/>
 			  
-			  <Button
-				 onPress = {this.setData}
-				 title = "Datos"
-				 color = "black"
-			  />
-		  </View>
-		  {this.state.current}
-	</View>
+			  					<Button
+								 onPress = {this.setData}
+								 title = "Datos"
+								 color = "black"
+			  					/>
+
+						</View>
+		  				{this.state.current}
+						</View>
+			</View>
+		</View>
       );
    }
 }