라이프온룸

퇴근 후 일상

Android 런처 아이콘 변경

by · Published · Updated

  • 관련 카테고리 : [taxonomy category field=link]
    •

    Android 런처 아이콘 적용

    앱을 다 만들었으면 런처 아이콘을 적용해야 한다. Android Studio 에서 하는 방법도 있지만  react-native-make를 이용하면 Android 뿐 아니라 iOS 용 아이콘도 만들어주고, 위치시켜야 할 폴더에 파일을 넣어 주며, xml file 도 알아서 생산 해준다. 

    해보자~ 

    • 먼저 라이브러리 인스톨을 진행한다. VS Code Console 에서는 Power Shell 이 열리는데 여기서는 @이 명령어가 먹지 않아 실패하니, CMD를 이용한다.
    yarn add -D @bam.tech/react-native-make 
    VS Code 에서 입력시 실패한다.
    • 1024 X 1024 아이콘(app_icon.png)을 준비하고 src/assets/img 및에 위치 시킨다. 

    일러스트레이터로 런처 아이콘 작업시 대지 사이즈를 1024 X 1024 px 로 하고 내용물은 65% 정도인 665 정도박스 안에서 꽉 차게 작업하면 제대로 나온다. 어떤식으로 출력될 지 확인하고 싶다면 안드로이드 스튜디오를 열어보자 

    Image Asset 에서도 런처 아이콘은 변경할 수 있다.
    가이드 라인 안에 아이콘이 있어야 제대로 보인다.
    • Command 창에 아래와 같이 입력한다. 

    react-native set-icon --path ./src/assets/img/app_icon.png --background "#FFFFFF"

    • 위 커맨드를 입력하면 안드로이드, iOS 용 아이콘이 각 해상도 별로 만들어 진다. 
    • npx react-native run-android 하면 아이콘이 적용된 것을 볼 수 있다. 

    You may also like...