[react native] AppIcon, splashScreen - 2부 icon 적용하기

개요

1부에 이어 icon을 react native에서 적용하는 방법을 설명합니다.

[react native] AppIcon, splashScreen - 1부 이미지 만들기

 

안드로이드 아이콘, 앱 스크린 집어넣기

안드로이드 아이콘 생성 사이트에서 다운로드한 아이콘들을 react-native 내 안드로이드 폴더에 덮어씌워주기만 하면 끝난다. 

아래처럼 다운로드받은 파일들을 해당 프로젝트 /android/app/src/main/res 에 있는 파일들을 덮어씌워준다.

모두 덮어씌워줬다면 아래 명령어 안드로이드 빌드를 통해 아이콘이 적용이 되었는지 확인합니다.

npx react-native run-android

 

IOS 아이콘 넣어주기

xcode 를 열어 해당 프로젝트의 ios project를 연다.

Images.xcassets/Appicon을 클릭하여 해당 하는 해상도에 다운로드 받은 아이콘을 넣어준다.

각 크기에 맞춰 다운로드받은 파일을 넣어주면 끝이납니다.

ios도 마찬가지로 모두 덮어씌워줬다면 아래 명령어를 통해 아이콘이 적용이 되었는지 확인합니다.

react-native run-ios