Created
January 26, 2020 14:49
-
-
Save ozcanzaferayan/1b70266b9bba9619328c4685f09d0b3f to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import { View, Text, SafeAreaView } from 'react-native'; | |
import ProfileDrawerItem from './ProfileDrawerItem'; | |
import images from 'res/images'; | |
import colors from 'res/colors'; | |
const ProfileDrawer = () => { | |
return ( | |
<SafeAreaView style={{ flex: 1, backgroundColor: colors.background, justifyContent: 'space-between' }}> | |
<View> | |
<Text style={{ color: '#fff', padding: 20, paddingTop: 10, paddingBottom: 14, fontSize: 16, fontWeight: 'bold' }}>ozaferayan</Text> | |
<View style={{ backgroundColor: '#222', height: 0.5 }}></View> | |
<ProfileDrawerItem icon={images.past} text='Arşiv' /> | |
<ProfileDrawerItem icon={images.qr_code} text='Ad Etiketi' /> | |
<ProfileDrawerItem icon={images.bookmark} text='Kaydedilenler' /> | |
<ProfileDrawerItem icon={images.friendship} text='Yakın Arkadaşlar' /> | |
<ProfileDrawerItem icon={images.add_user} text='Yeni İnsanlar Keşfet' /> | |
<ProfileDrawerItem icon={images.facebook} text="Facebook'u aç" /> | |
</View> | |
<View> | |
<View style={{ backgroundColor: '#222', height: 0.5 }}></View> | |
<ProfileDrawerItem icon={images.settings} text="Ayarlar" isInBottom={true} /> | |
</View> | |
</SafeAreaView> | |
); | |
}; | |
export default ProfileDrawer; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import { Text, Image, TouchableOpacity } from 'react-native'; | |
const ProfileDrawerItem = (props) => { | |
return ( | |
<TouchableOpacity style={{ flexDirection: 'row', marginTop: 16, marginStart: 20, alignItems: 'center', | |
marginBottom: props.isInBottom === undefined || props.isInBottom === false ? 0 : 16 }}> | |
<Image source={props.icon} style={{ width: 25, height: 25 }} resizeMode='contain' /> | |
<Text style={{ color: '#fff', marginStart: 20, fontSize: 16 }}>{props.text}</Text> | |
</TouchableOpacity> | |
); | |
}; | |
export default ProfileDrawerItem; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment