styles에서 avatar는 더 이상 필요하지 않으니 제거해주세요.

    마찬가지로 PostCardSetupProfile 컴포넌트도 수정해주세요. 사용자의 프로필 사진이 보이는 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 PostCard({user, photoURL, description, createdAt, id}) {
      const date = useMemo(
        () => (createdAt ? new Date(createdAt._seconds * 1000) : new Date()),
        [createdAt],
      );
    
      const onOpenProfile = () => {
        // 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>
    
    (...)
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.