[React Native] 앱 아이콘 바꾸기

 

앱 아이콘을 바꾸기 위해선 이미지를 사이즈 별로 추출해줘야 하는데, generator 사이트가 잘되어 있기 때문에 1024*1024 사이즈 하나만 있으면 된다.

 

 

IOS

- App Icon Generator

 

 

 

1024*1024 사이즈의 이미지를 드래그해서 넣은 후 [Generate] 버튼을 클릭하면 아래와 같이 생성될 것이다.

 

 

 

IOS 앱 아이콘 수정은 XCode 에서 해줘야 하는데, 아래 명령어로 XCode 를 실행해주자

xed ./ios

 

 

`[React Native 프로젝트]/Images` > [AppIcon] 을 클릭하면 사이즈 별로 이미지를 넣을 수 있게 되어 있는데, 

 

 

Generate 된 폴더에서 `Assets.xcassets/AppIcon.appiconset` 내부에 있는 사이즈 별 이미지를 알맞게 한땀한땀 넣어주면 된다. 

 

 

 

 

---

Android

- Android Asset Studio

 

안드로이드는 둥근 버전의 이미지까지 추출해줘야 한다. 

 

Name 은 ic_launcher_round 로 수정해주는게 좋다. 왜냐고? 

 

`[React Native 프로젝트]/android/app/src/main/res` 로 들어가면 아래와 같은 폴더들이 있는데, 또 한땀한땀 치환해줘야 하기 때문이다. 

 

 

 

1. IOS Generator 에서 만들어진 `android/mipmap-xxx` 폴더 내부의 ic_launcher.png 파일들과

2. Android Generator 에서 만들어진 `ic_launcher_round/res/mipmap-xxx` 폴더 내부의 ic_launcher_round.png 파일들을 

 

mipmap-xxx 별로 알맞게 치환해주면 된다.