본문 바로가기
프레임워크/Flutter

[Flutter] 앱 아이콘 간단하게 변경하기(flutter_launcher_icons)

by 연어바케트 2024. 4. 28.
반응형

제작앱 출시를 위해서는 앱 아이콘을 변경을 해주어야한다. 아니면 기본 flutter 아이콘으로 앱이 나오기 때문이다. 

이럴 때 유용하게 사용할 수 있는 라이브러리가 flutter_launcher_icons 이다!!

 

flutter_launcher_icons | Dart package

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

pub.dev

 

1.설치 

dart pub add flutter_launcher_icons

또는 

flutter pub add flutter_launcher_icons

터미널 창에 위 명령어를 입력한다. 

 

2. flutter_launcher_icons.yaml 파일 만들기 

flutter_launcher_icons.yaml 파일을 만든다. 굳이 만들기 싫으시면 pubspec.yaml 파일을 이용해도 된다. 

 

3. Configuration 설정 

yaml 파일에  아래 코드를 path를 변경하여 작성한다.

flutter_launcher_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon.png"
  min_sdk_android: 21 # android min sdk min:16, default 21
  web:
    generate: true
    image_path: "path/to/image.png"
    background_color: "#hexcode"
    theme_color: "#hexcode"
  windows:
    generate: true
    image_path: "path/to/image.png"
    icon_size: 48 # min:48, max:256, default: 48
  macos:
    generate: true
    image_path: "path/to/image.png"

web, windows, macos 사용하지 않으면 빼도된다! 

4. 명령어 실행 

flutter pub run flutter_launcher_icons

해당 명령어를 실행 하면 끝! 

만약 flutter_launcher_icons.yaml  이나,  pubspec.yaml 이 아니면 

flutter pub run flutter_launcher_icons -f <your config file name here>

위 명령어로 실행하면 된다! 

반응형

댓글