[Flutter] 플러터 앱 아이콘 적용하기 flutter_launcher_icons

2023-12-13


사진: Unsplash 의 NEOM


1. 준비

 

적용하는 방법은 몹시 간단하다 .우선 자신의 적용할 아이콘 이미지 정보를 flutter assets에 등록해 두어야 한다. 아래의 예제를 참고하자.

 

...
flutter:
  uses-material-design: true
  assets:
    - assets/logo/
 ...

https://seeminglyjs.tistory.com/543

 

[Flutter] 플러터 assets /images 추가 방법

2023-11-21 0. 구조 현재 디렉토리 구조는 아래와 같다. 1. 방법 flutter: uses-material-design: true assets: - assets/logo/ assets: - assets/logo/ pubspec.yaml 에 위와 같은 형식으로 자신의 정적 파일 경로를 추가 한다.

seeminglyjs.tistory.com


 

2. 방법

 

pubspec.yaml 에 아래와 같이 의존성 주입과 flutter 아이콘 설정을 작성해준다.  androidios에 true라고 설정해 둔 것은 기존의 deafult 아이콘 이미지를 image_path에 있는 경로의 파일로 변경하겠다는 것이다.

 

dependencies:
  flutter_launcher_icons: "^0.13.1"

flutter_launcher_icons:
  android: true
  ios: true
  image_path: "assets/icon/icon.png"
  min_sdk_android: 21 # android min sdk min:16, default 21

 

이후 자신의 flutter app이 설치되어 있는 경로로 들어가 아래와 같이 flutter pub run flutter_launcher_icons 명령어를 사용하면 아이콘 파일들이 생성된다.

 

$ your_app git:(dev) ✗ flutter pub run flutter_launcher_icons
Deprecated. Use `dart run` instead.
Building package executable... (1.2s)
Built flutter_launcher_icons:flutter_launcher_icons.
  ════════════════════════════════════════════
     FLUTTER LAUNCHER ICONS (v0.13.1)                               
  ════════════════════════════════════════════
  
• Creating default icons Android
• Overwriting the default Android launcher icon with a new icon

WARNING: Icons with alpha channel are not allowed in the Apple App Store.
Set "remove_alpha_ios: true" to remove it.

• Overwriting default iOS launcher icon with new icon
No platform provided

✓ Successfully generated launcher icons

이후 테스트폰이나 자신의 핸드폰을 에물레이터 설정하여 재기동하면 자신이 적용한 아이콘으로 변경된 것을 확인할 수 있다.


3. 출처

https://pub.dev/packages/flutter_launcher_icons

 

flutter_launcher_icons | Dart Package

A package which simplifies the task of updating your Flutter app's launcher icon.

pub.dev

 


메인 이미지 출처 : 사진: UnsplashNEOM