flutter- 아이콘 적용하기.

플러터 프로젝트는 이미지나 아이콘 툴이 기본 탑재되어 있지 않아 상당히 불편하다.

그래서 이를 자동화해주는 flutter_launcher_icons을 사용한다.

* 툴의 사이트.

https://pub.dev/packages/flutter_launcher_icons

* 툴 설치.

flutter pub add flutter_launcher_icons

* 아이콘 이미지 추가.

프로젝트 폴더에 assets폴더를 만들고 app_icon.png 을 추가했다.

아이콘 이미지는 1024*1024 (ios때문인거 같다.), 알파채널 제거.

* 설정 파일 생성.

pubspec.yaml 을 그대로 사용하거나 flutter_launcher_icons.yaml 파일을 만들어 사용할 수 있다.


flutter_icons:
  image_path: "assets/app_icon.png"
  android: true
  ios: true

* 실행.

pubspec.yaml 일때는

flutter pub run flutter_launcher_icons:main

flutter_launcher_icons.yaml 일때는

flutter pub run flutter_launcher_icons:main -f flutter_launcher_icons.yaml

적용된다.

//////////////////////////////////////

안드로이드 기기(픽셀4)에 따라 라운드 아이콘 일 때 제대로 보이지 않는 문제가 있다.

구조상 자동으로 해결되기는 어려울 것으로 보여 수동으로 추가해 줘야 한다.

* 라운드 아이콘을 만든 후 다운로드 받는다.

Launcher icon generator 항목으로 이동 후 아이콘을 만들어 다운 받는다.

* 이미지 복사.

압축을 풀고 이미지 파일 이름을 적절하게 변경한다.

_back, _fore 같은 배경 파일이 필요 없다면 삭제한다.

프로젝트폴더\android\app\src\main\res 폴더에 이미지가 있는 폴더만 복사한다.

* 이미지 설정.

프로젝트폴더\android\app\src\main\AndroidManifest.xml 파일을 열고 다음 위치에android:roundIcon 을 추가한다.

<application

android:name="${applicationName}"

android:icon="@mipmap/ic_launcher"

android:roundIcon="@mipmap/ic_launcher_round"

Abel9999