[Flutter] 플러터 앱 아이콘(icon) 변경하기

 

 

 

 

# 플러터 앱 아이콘(icon) 변경하기

 

 

 

 

 

플러터 앱 아이콘을 간단한 방법을 통해 변경 해 보도록 하자

flutter_launcher_icons 패키지를 이용할수 있지만 패키지를 사용하지 않고도 변경 할 수 있다.

flutter_launcher_icons | Dart Package

이번 포스팅에선 패키지를 사용하지 않고 앱 아이콘을 변경하는 법을 작성 하도록 하겠다.

 

 

 

 

1. Icon 만들기

appicon.co 해당 사이트에서 앱 아이콘으로 사용할 이미지를 등록후 다운받도록 하자.

App Icon Generator

 

 

이미지를 올리게 되면 버튼이 활성화 되고 파일을 다운 받을수 있다.

 

 

다운받으 zip 파일을 압축 해제하면 아래와 같은 폴더 구조를 확인할수있다.

 

 

 

2. 안드로이드

플러터 앱 root 디렉토리에서 android/app/src/main/res 폴더를 확인해보면 아래와 같은 구조를 볼수있다.

 

 

위에서 받은 icon 파일중 android 파일을 열어보면 아래와 같은 폴더들이 있는데 res 폴더안에 

같은 이름의 폴더들이 존재하는걸 확인 할 수 있다.

 

 

눈치가 빠르신분들은 여기까지만 보셔도 다음 행동이 예상하실 수 있으실텐데

간단하게 res 폴더안에 같은이름을 가진 폴더들을 내려받은 icon 폴더로 교체 해주면 된다. 

 

 

 

2. Ios

 

안드로이드와 ios는 폴더 이름이 다르고 위치가 다르다는 것 빼고는 방법은 같다

ios/Runner/Assets.xcassets 폴더 안에 AppIcon.appiconset 폴더를 통채로 갈아주면 된다

 

 

icon 파일중 iosAssets.xcassets 파일을 열어보면 아래와 같은 AppIcon.appiconset 폴더가 있는데

프로젝트 구조를 확인 해보면 AppIcon.appiconset 폴더가 동일하게 존재하는걸 확인 할 수 있다

 

 

통째로 교체해 주면 된다

 

 

 

 

3. 실행

 

정상적으로 교체해 주었다면 앱 실행시 앱 아이콘이 변경된걸 확인 할 수 있다.