앱 아이콘 세팅

flutter_launcher_icons 패키지를 사용해 플러터 앱의 아이콘을 세팅하는 방법에 대해 정리한다.

https://pub.dev/packages/flutter_launcher_icons

flutter_launcher_icons | Dart package

 

1. pubspec.yaml에 패키지 추가

  flutter_launcher_icons: ^0.14.4

최신 버전으로 추가해준다.

 

2. Configuration 파일 생성

다음 명령어를 실행하여 구성 파일을 자동 생성한다.

dart run flutter_launcher_icons:generate

실행 시 프로젝트 루트 디렉터리에 flutter_launcher_icons.yaml 파일이 생성된다.

 

3. 아이콘 이미지 세팅

프로젝트 폴더 내 원하는 곳(e.g. {프로젝트_루트}/assets/icon/)에 아이콘 이미지를 넣는다.

 

4. Configuration 파일 수정

3에서 세팅한 경로를 image_path 값으로 넣어준다.

iOS와 안드로이드의 아이콘이 다를 경우 image_path_android, image_path_ios를 각각 세팅한다.

e.g.

# flutter pub run flutter_launcher_icons
flutter_launcher_icons:
  image_path: "assets/icon/icon.png"

  android: "launcher_icon"
  # image_path_android: "assets/icon/icon.png"
  min_sdk_android: 21 # android min sdk min:16, default 21
  # adaptive_icon_background: "assets/icon/background.png"
  # adaptive_icon_foreground: "assets/icon/foreground.png"
  # adaptive_icon_foreground_inset: 16
  # adaptive_icon_monochrome: "assets/icon/monochrome.png"

  ios: true
  # image_path_ios: "assets/icon/icon.png"
  remove_alpha_ios: true
  # image_path_ios_dark_transparent: "assets/icon/icon_dark.png"
  # image_path_ios_tinted_grayscale: "assets/icon/icon_tinted.png"
  # desaturate_tinted_to_grayscale_ios: true
  # background_color_ios: "#ffffff"

 

5. 아이콘 적용

다음 명령어를 실행하여 앱에 아이콘을 적용해준다.

flutter pub get
dart run flutter_launcher_icons

 

빌드 후 실행해보면 앱 아이콘이 잘 세팅된 것을 확인할 수 있다.

더 많은 옵션은 pub.dev에서 찾아볼 수 있다.