React-Native/[프로젝트] 택시 운행관리 기록장

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

개발조각 2024. 3. 27. 18:02
728x90
반응형

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

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

 

참고 블로그

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] 앱 아이콘 바꾸기

안녕하세용 도디예용 오늘은 react native 프로젝트의 앱 아이콘을 바꿔봅시당 아이콘 사이즈 받아오기 일단 로고를 몇개 추출해놨습니당 둘중에 뭘 해볼까 이 로고는 1024x1024 사이즈인데, Android에

velog.io

 

 

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

 

romannurik.github.io

 

만든 아이콘을 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에 들어가서 똑같은 적용 해주면 됩니다.

728x90
반응형