Flutter Launcher Icon 변경

Flutter 로 App 을 개발 하면서 icon 을 변경 하고자 하는 경우는 flutter launchear icons 를 이용하면 쉽게 App 의 icon 을 쉽게 변경 할 수 있다.

 

https://pub.dev/packages/flutter_launcher_icons

flutter_launcher_icons | Dart Package

 

App 의 icon 을 변경하는 방법은 아주 간단하다.

1. 변경할 icon 을 asset 폴더 안에 추가한다.

2. pubspec.yaml 에 flutter launchear icons 을 추가한다.

 

flutter_launcher_icons: "^0.7.3"

 

 

3. pubspec.yaml 에 맨 아래에 flutter launchear icons 설정을 추가한다.

 

flutter_icons:
android: "launcher_icon"
ios: true›
image_path: "assets/icon.png"

 

 

4. flutter pub get 으로 추가한 flutter launcher icons 패키지를 설치한다.

 

 

5. flutter_launcher_icons:main 을 실행하여 icon 을 변경한다.

flutter pub run flutter_launcher_icons:main

 

여기 까지 설정하면 flutter App 을 설치하면 아래와 같이 아이콘이 변경되어 나온다 :)

 

하지만, ios 처럼 아이콘을 클릭하면 하얀화면이 나오고 Flutter App 이 구동 되는 것이 이쁘지 않다. 그래서, Flutter App 구동시 변경한 Icon 이 나오도록 추가 해보겠다.

 

 

6. android/app/src/main/res/drawable/launch_background.xml 파일의 <item> 부분의 주석을 해제 한다. 주석을 해제하는 이유는 우리가 추가한 icon 이미지 ic_launcher 로 추가 되어 있기 때문이다.
* 빨간게 처리되는 부분은 고민 하지 않아도 된다.

 

 

 

여기까지 하면 Flutter App 을 실행하면 내가 설정한 Icon 이 나타나고 App 이 실행되게 된다 :)

 

 

그럼 즐거운 개발 세발~~:)