-
[Flutter] 플러터 앱 아이콘(icon) 변경하기Flutter 2021. 4. 18. 21:21반응형
# 플러터 앱 아이콘(icon) 변경하기
플러터 앱 아이콘을 간단한 방법을 통해 변경 해 보도록 하자
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. Icon 만들기
appicon.co 해당 사이트에서 앱 아이콘으로 사용할 이미지를 등록후 다운받도록 하자.
App Icon Generator
Generate icons and images for mobile apps, android and iOS. No need to upload or download. Works on your browser
appicon.co
이미지를 올리게 되면 버튼이 활성화 되고 파일을 다운 받을수 있다.
다운받으 zip 파일을 압축 해제하면 아래와 같은 폴더 구조를 확인할수있다.
2. 안드로이드
플러터 앱 root 디렉토리에서 android/app/src/main/res 폴더를 확인해보면 아래와 같은 구조를 볼수있다.
위에서 받은 icon 파일중 android 파일을 열어보면 아래와 같은 폴더들이 있는데 res 폴더안에
같은 이름의 폴더들이 존재하는걸 확인 할 수 있다.
눈치가 빠르신분들은 여기까지만 보셔도 다음 행동이 예상하실 수 있으실텐데
간단하게 res 폴더안에 같은이름을 가진 폴더들을 내려받은 icon 폴더로 교체 해주면 된다.
2. Ios
안드로이드와 ios는 폴더 이름이 다르고 위치가 다르다는 것 빼고는 방법은 같다
ios/Runner/Assets.xcassets 폴더 안에 AppIcon.appiconset 폴더를 통채로 갈아주면 된다
icon 파일중 iosAssets.xcassets 파일을 열어보면 아래와 같은 AppIcon.appiconset 폴더가 있는데
프로젝트 구조를 확인 해보면 AppIcon.appiconset 폴더가 동일하게 존재하는걸 확인 할 수 있다
통째로 교체해 주면 된다
3. 실행
정상적으로 교체해 주었다면 앱 실행시 앱 아이콘이 변경된걸 확인 할 수 있다.
반응형'Flutter' 카테고리의 다른 글
[Flutter] 플러터 파이어베이스 연결 | 안드로이드 (0) 2021.04.25 [Flutter] Flutter 앱 출시 하기 (1) 2021.04.18 [Flutter] 로또 추천번호 생성 앱 & 애드몹 (AdMob) 광고 붙이기 [3] 편 (플러터 앱 코드) (1) 2021.04.18 [Flutter] 로또 추천번호 생성 앱 & 애드몹 (AdMob) 광고 붙이기 [2] 편 (백엔드서버) (0) 2021.04.18 [Flutter] 로또 추천번호 생성 앱 & 애드몹 (AdMob) 광고 붙이기 [1] 편 (앱 설명 & 앱 구조) (1) 2021.04.17