React-Nav-Melon/screens/ProfilePage.js

import { Image, StyleSheet, Text, View } from 'react-native'
import React from 'react'
import images from '../assets/images/images'

const PROFILE_SIZE = 128

const ProfilePage = (props) => {

    const {
        navigation,
        route,
        name,
        profileQuote,
        metrics
    } = props

    return (
        <View style={styles.profileContainer}>
            <View style={styles.profileImageContainer}>
                <Image source={images.imageCard} style={styles.profileImage}>

                </Image>
            </View>
            <Text>Semina Gurung</Text>
            <Text>
                The reason behind their disappointment is that iPhone users have been..
            </Text>
            
        </View>
    )
}

export default ProfilePage

const styles = StyleSheet.create({
    profileContainer: {

    },
    profileImageContainer: {
        paddingVertical: 16,
        alignItems: 'center'
    },
    profileImage: {
        borderRadius: PROFILE_SIZE,
        height: PROFILE_SIZE,
        width: PROFILE_SIZE
    }
})