App/Flutter

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

2023-12-13

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 아이콘 설정을 작성해준다. android와 ios에 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

메인 이미지 출처 : 사진: Unsplash의NEOM

저작자표시 비영리

'App > Flutter' 카테고리의 다른 글

[Flutter] 키보드 사용 시 오버플로우 해결 방법 (0)	2023.12.16
[Flutter] 플러터 QR 코드 스캔 구현 qr_code_scanner 사용법 (0)	2023.12.14
[Flutter] config(.env) properties/환경변수 설정 알아보기(flutter_dotenv) (0)	2023.12.09
[Flutter] listview 와 listview.builder 차이점 (0)	2023.12.07
[Flutter] flutter.compileSdkVersion 위치 확인 및 변경 (One or more plugins require a higher Android SDK version 해결) (1)	2023.12.01

Contents

새소식

인기 검색어