리액트 네이티브를 다루는 기술: 8.5.2 사용자 기본 이미지 설정하기

사용자가 이미지를 아직 선택하지 않았을 때 보여줄 기본 이미지를 설정해주겠습니다. 우선 다음 링크를 통해 기본 이미지를 다운로드하세요.

다운로드한 이미지는 프로젝트 안에 assets 디렉터리를 만들고 해당 디렉터리에 user.png라는 이름으로 저장하세요. 그리고 Image 부분을 다음과 같이 수정해주세요.

components/SetupProfile.js - Image

<Image
  style={styles.circle}
  source={
    response
      ? {uri: response?.assets[0]?.uri}
      : require('../assets/user.png')
  }
/>

만약 response 값이 존재하지 않으면 assets 디렉터리의 user.png 이미지를 보여주도록 설정했습니다.

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.