[React-native CLI] RN 안드로이드 아이콘 바꾸기

아이콘을 적용해 보도록 하겠습니다.

아래 블로그를 참고해서 적용해 보았습니다.

 

참고 블로그

---

https://velog.io/@dody_/React-Native-%EC%95%B1-%EC%95%84%EC%9D%B4%EC%BD%98-%EB%B0%94%EA%BE%B8%EA%B8%B0

[RN] 앱 아이콘 바꾸기

 

 

1. 024x1024 사이즈의 로고 아이콘 만들기

---

저는 피그마로 만들었습니다.

 

2. Android Asset Studio에서 로고 만들기

---

https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=1&foreground.space.pad=0.1&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(255%2C%20255%2C%20255)&crop=0&backgroundShape=square&effects=none&name=ic_launcher_round

Android Asset Studio - Launcher icon generator

 

만든 아이콘을 Android Asset Studio에 드래그해 줍니다.

android/app/src/main/res에 들어가 보면 아래와 같은 되어있습니다.

• ic_launcher_round.png
• ic_launcher.png

이렇게 되어 있다.

이를 참고하여 Android AssetStudio에서 로고를 만들어주어야 됩니다.

 

ic_launcher.png 만들기

1. Padding은 알아서 조절하기
2. Shape를 Square로 변경하기
3. Name을 ic_lic_launcher로 변경해 주기
4. 오른쪽 상단에 있는 다운로드 클릭하기

 

ic_launcher_round.png 만들기

1. Padding은 알아서 조절하기
2. Shape를 Circle로 변경하기
3. Name을 ic_lic_launcher_round로 변경해 주기
4. 오른쪽 상단에 있는 다운로드 클릭하기

 

3. 로고 적용하기

---

위에서 만든 로고들을 android/app/src/main/res에 들어가서 똑같은 적용 해주면 됩니다.