Commit d97d75b4 authored by 7056117's avatar 7056117
Browse files

Contact

parent 21d2a618
......@@ -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
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment