styles에서 avatar는 더 이상 필요하지 않으니 제거해주세요.
마찬가지로 PostCard와 SetupProfile 컴포넌트도 수정해주세요. 사용자의 프로필 사진이 보이는 Image를 지우고, Avatar 컴포넌트를 사용하면 됩니다.
먼저 PostCard부터 수정해줍시다.
components/PostCard.js
import React, {useMemo} from 'react'; import {View, StyleSheet, Text, Image, Pressable} from 'react-native'; import Avatar from './Avatar'; function ({user, photoURL, description, createdAt, id}) { const date ( () => (createdAt new Date(createdAt._seconds 1000) new Date()), [createdAt], ); const () => { // TODO: 사용자 프로필 화면 열기 }; return ( <View style={styles.block}> <View style={[styles.head, styles.paddingBlock]}> <Pressable style={styles.profile} onPress={onOpenProfile}> <Avatar source={user.photoURL && {uri: user.photoURL}} /> <Text style={styles.displayName}>{user.displayName}</Text> </Pressable> </View> (...)