[flutter] app icon, app name 변경하기

흐흐흐흐.. 오늘은 드디어 앱 아이콘과 이름을 변경해보았다!!!!@!@!@!#

매일 못생긴(?) 플러터 기본 아이콘만 보다가 바꿔주었다.

오늘 사용할 플러그인은 flutter_launcher_icons 이다! (https://pub.dev/packages/flutter_launcher_icons)

flutter_launcher_icons | Dart Package

 

설치 방법은 꽤 쉽다. (가이드 그대로 따라하면 된다.)

1. pubspec.yaml 설정

dev_dependencies:
  flutter_launcher_icons: "^0.8.1" # 현재 플러터 버전 1.xx 사용 중

2. 앱 로고로 쓰일 이미지 파일 준비하기 (1024 * 1024)
- 왠만하면 png 파일로 준비
- 단, 배경이 투명이면 안됨!
- 파일을 ~/{프로젝트_루트}/assets/launcher_icon 위치에 넣기

😳 왜 1024*1024로 작업 해야하지..? (app store 사이트 참고)
아마 .. 제 추측한 건데 app store에 올라가야하는 아이콘 규격이 1024*1024 사이즈여서 그런 것이 아닐까 하는 ..ㅎ..

2-1. flutter_launcher_icons.yaml 파일 만들고, 설정하기
** image_path는 2. 앱 로고로 쓰일 이미지 파일 준비하기 (1024 * 1024) 에서 파일 위치시킨 곳으로 넣기! 

 

3. 터미널 창에서 커멘트 실행

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

제대로 돌아가면 이런 성공 문구(?)가 뜬다!

4. 짠짠짠.. 완성.... !@!@ 

이제 앱 새로 빌드하고 ㅎㅏ면 이쁜 로고의 앱을 볼 수 잇다다다

이제 마지막으로, 앱 이름만 바꿔주면 정말 ㅠ 내 핸드폰의 수 많은 앱들처럼 변하게 되는ㄷ...ㅔ..!

1. AOS
- AndroidManifest.xml 파일로 들어가서 applicaiton 태그 안의 label을 바꿔주면 된다!

<application
        android:name=".Application"
        android:label="변경 할 앱 이름"
        android:icon="@mipmap/launcher_icon">
        

 

2. iOS
- Xcode 키고, Project Navigator > Targets > General
- display name에 내가 변경할 앱 이름으로 바꿔서 입력해주면 끝!