reactnative_mobilemk/app/(root)/(tabs)/profile.tsx
2025-01-05 11:01:12 +01:00

32 lines
1.3 KiB
TypeScript

import {View, Text, SafeAreaView, ScrollView, Image, TouchableOpacity} from "react-native";
import React from "react";
import icons from "@/constants/icons"
import images from "@/constants/images";
const Profile = () => {
const handleLogout = async () => {};
return (
<SafeAreaView className={'h-full bg-white'}>
<ScrollView
showsVerticalScrollIndicator={false}
contentContainerClassName={'pb-32 px-7'}>
<View className={'flex flex-row items-center justify-between mt-5'}>
<Text className={'text-2xl text-bold'}>Profile</Text>
<Image source={icons.bell} className={'size-5'}/>
</View>
<View className={'flex flex-row justify-center mt-5'}>
<View className={'flex flex-col items-center relative mt-5'}>
<Image source={images.car1} className={'size-44 relative rounded-full'}/>
<TouchableOpacity className={'absolute bottom-11 right-2'}>
<Image source={icons.edit} className={'size-9'}/>
</TouchableOpacity>
<Text>Dimitar -- test</Text>
</View>
</View>
</ScrollView>
</SafeAreaView>
);
};
export default Profile;