[Flutter] 앱아이콘(AppIcon) 적용하기

 

오늘은 플러터 앱 아이콘 변경하는 방법을 알아보려고 합니다..

 

AppIcon을 적용하는 방법에는 이미지파일을 네이티브에 추가하는 방법과 패키지를 사용해 변경하는 방법이 있는데 이번 글에서는 패키지를 사용해 AppIcon을 적용해보도록 하겠습니다.

 

1. 이미지 파일 준비

우선 AppIcon에 사용할 이미지 파일을 준비합니다.

저는 FREEPIK 이라는 곳에서 아이콘 이미지를 준비했습니다.

그리고 appicon.co 를 이용해 아이콘을 플랫폼에 맞게 생성해 주었습니다.

저는 1024 x 1024 이미지를 사용했습니다.

 

이미지는 프로젝트의 assets폴더를 만들어 안에 넣어줍니다. 

ex) assets/appicon/appicon.png

 

2. 패키지 설치

사용할 패키지는 flutter_launcher_icons 입니다.

 

터미널에 아래 명령어를 입력합니다.

flutter pub add flutter_launcher_icons

 

3. AppIcon 설정

AppIcon으로 사용할 이미지파일을 설정하기위해 pubspec.yaml or 프로젝트의 root경로에 flutter_launcher_icons.yaml을 생성하여 다음과같이 수정합니다.

flutter_launcher_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/appicon/appicon.png"

 

4. AppIcon 생성

다음 명령어를 실행해 AppIcon을 적용시켜줍니다.

flutter pub run flutter_launcher_icons

flutter pub run flutter_launcer_icons:main으로 명령어를 실행하라는 글들이 많으나 이 글작성 기준으로 해당 명령어느 deprecated가 되고 위 명령어로 대체되었다고합니다. 물론 flutter pub run flutter_launcer_icons:main 으로 명령어를 실행해도 deprecated됐다는걸 알려주고 알아서 바뀐걸로 명령어가 다시 실행됩니다.

 

5. 확인

왼쪽 : 안드로이드, 오른쪽 : ios