Skip to content

Instantly share code, notes, and snippets.

@ozcanzaferayan
Created January 26, 2020 14:49
Show Gist options
  • Save ozcanzaferayan/1b70266b9bba9619328c4685f09d0b3f to your computer and use it in GitHub Desktop.
Save ozcanzaferayan/1b70266b9bba9619328c4685f09d0b3f to your computer and use it in GitHub Desktop.
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;
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