flutter- 아이콘 적용하기.

플러터 프로젝트는 이미지나 아이콘 툴이 기본 탑재되어 있지 않아 상당히 불편하다.
그래서 이를 자동화해주는 flutter_launcher_icons을 사용한다.

* 툴의 사이트.
https://pub.dev/packages/flutter_launcher_icons

* 툴 설치.
flutter pub add flutter_launcher_icons

* 아이콘 이미지 추가.
프로젝트 폴더에 assets폴더를 만들고 app_icon.png 을 추가했다.
아이콘 이미지는 1024*1024 (ios때문인거 같다.), 알파채널 제거.

* 설정 파일 생성.
pubspec.yaml 을 그래로 사용하거나 flutter_launcher_icons.yaml 파일을 만들어 사용할 수 있다.

flutter_icons:
image_path: "assets/app_icon.png"
android: true
ios: true

* 실행. 
pubspec.yaml 일때는
flutter pub run flutter_launcher_icons:main

flutter_launcher_icons.yaml 일때는
flutter pub run flutter_launcher_icons:main -f flutter_launcher_icons.yaml

적용된다.

//////////////////////////////////////

안드로이드 기기(픽셀4)에 따라 라운드 아이콘 일 때 제대로 보이지 않는 문제가 있다. 
구조상 자동으로 해결되기는 어려울 것으로 보여 수동으로 추가해 줘야 한다.

* 라운드 아이콘을 만든 후 다운로드 받는다.
https://romannurik.github.io/AndroidAssetStudio/icons-launcher.htm

* 이미지 복사.
압축을 풀고 이미지 파일 이름을 적절하게 변경한다.
_back, _fore 같은 배경 파일이 필요 없다면 삭제한다.
프로젝트폴더\android\app\src\main\res 폴더에 이미지가 있는 폴더만 복사한다.

* 이미지 설정.
프로젝트폴더\android\app\src\main\AndroidManifest.xml 파일을 열고 다음 위치에android:roundIcon 을 추가한다.

    <application
        android:name="${applicationName}"
        android:icon="@mipmap/ic_launcher"
        android:roundIcon="@mipmap/ic_launcher_round"
        >




댓글

이 블로그의 인기 게시물

Unity3D git 저장소에 올릴때 필요없는 파일 제외하기. gitignore

콘탁 Kontakt, KOMPLETE 저렴한 구입 방법.

플러터(flutter) 개발 참고 사이트들.