Android 런처 아이콘 변경
Android 런처 아이콘 적용
앱을 다 만들었으면 런처 아이콘을 적용해야 한다. Android Studio 에서 하는 방법도 있지만 react-native-make를 이용하면 Android 뿐 아니라 iOS 용 아이콘도 만들어주고, 위치시켜야 할 폴더에 파일을 넣어 주며, xml file 도 알아서 생산 해준다.
해보자~
- 먼저 라이브러리 인스톨을 진행한다. VS Code Console 에서는 Power Shell 이 열리는데 여기서는 @이 명령어가 먹지 않아 실패하니, CMD를 이용한다.
yarn add -D @bam.tech/react-native-make
- 1024 X 1024 아이콘(app_icon.png)을 준비하고 src/assets/img 및에 위치 시킨다.
일러스트레이터로 런처 아이콘 작업시 대지 사이즈를 1024 X 1024 px 로 하고 내용물은 65% 정도인 665 정도박스 안에서 꽉 차게 작업하면 제대로 나온다. 어떤식으로 출력될 지 확인하고 싶다면 안드로이드 스튜디오를 열어보자
- Command 창에 아래와 같이 입력한다.
react-native set-icon --path ./src/assets/img/app_icon.png --background "#FFFFFF"
- 위 커맨드를 입력하면 안드로이드, iOS 용 아이콘이 각 해상도 별로 만들어 진다.
- npx react-native run-android 하면 아이콘이 적용된 것을 볼 수 있다.
