Contact

TraCloSo/scr/Contact.js

@@ -4,7 +4,7 @@ import { NavigationContainer } from '@react-navigation/native';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import Icon from "react-native-vector-icons/AntDesign";
+import Icon from "react-native-vector-icons/Entypo";
 
 //view for the Contact screen
 export default function Contact( {navigation}) {
@@ -18,22 +18,24 @@ export default function Contact( {navigation}) {
         <Text>back</Text>
       </TouchableOpacity>
       <View style={style.Row}>  
-        <Icon name='phone' size={30} style={style.Icons} />
-        <Text>+31 6 12345678</Text>
+        <Icon name='phone' size={25} />
+        <Text style={style.Space} >+31 6 12345678</Text>
       </View>
       <View style={style.Row}>
-        <Text>tracloso@gmail.com</Text>
+        <Icon name='email' size={25} />
+        <Text style={style.Space} >tracloso@gmail.com</Text>
       </View>
       <View style={style.Row}>
-        <Icon name='twitter' size={30} style={style.Icons} />
-        <Text>@tracloso</Text>
+        <Icon name='twitter' size={25} />
+        <Text style={style.Space} >@tracloso</Text>
       </View>
       <View style={style.Row}>
-        <Text>Tracloso</Text>
+        <Icon name='facebook' size={25} />
+        <Text style={style.Space} >Tracloso</Text>
       </View>
       <View style={style.Row}>
-        <Icon name='instagram' size={30} style={style.Icons} />
-        <Text>@Tracloso</Text>
+        <Icon name='instagram' size={25} />
+        <Text style={style.Space} >@Tracloso</Text>
       </View>
     </SafeAreaView>  
   );
@@ -74,14 +76,14 @@ const style = StyleSheet.create({
       }
     })
   },
-  Icons: {
-    color: '#000000',
-    
-  },
   Row: {
     flexDirection: 'row',
-    justifyContent: 'space-between',
-    width: '40%',
     margin: 10,
+    marginLeft: 25,
+  },
+  Space: {
+    marginLeft: 10,
+    marginTop: 5,
+    fontSize: 15,
   },
 })
\ No newline at end of file