[Flutter] 앱 아이콘 변경

2021-04-28 hit count image

이번 블로그 포스트에서는 Flutter에서 앱 아이콘을 변경하는 방법에 대해서 알아봅시다.

개요

Flutter를 사용해서 앱을 개발해 보려고 합니다. 이번 블로그 포스트에서는 Flutter에서 앱 아이콘을 변경하는 방법에 대해서 알아봅니다.

앱 아이콘을 변경하기 위해서는 안드로이드와 iOS에 맞게 이미지를 생성하고, 각각의 플랫폼에 맞게 앱 아이콘을 설정해야 합니다. 하지만 flutter_launcher_icons 패키지를 사용하면, 앱 아이콘을 좀 더 쉽게 변경할 수 있습니다.

이미지 파일 준비

우선 앱 아이콘에 사용할 이미지 파일이 필요합니다. 이미지 파일은 다음의 조건을 만족해야 합니다.

  • PNG 파일
  • 1024px x 1024px 이상의 크기
  • 파일 사이즈는 최대 1024KB

준비한 파일을 assets/app-icon.png로 저장합니다.

flutter_launcher_icons 설치

flutter_launcher_icons 패키지를 사용하기 위해서는 flutter_launcher_icons 패키지를 설치할 필요가 있습니다.

다음 명령어를 실행하여, flutter_launcher_icons 패키지를 설치합니다.

flutter pub add flutter_launcher_icons

앱 아이콘 설정

이제 앱 아이콘으로 생성할 이미지 파일을 설정할 필요가 있습니다. pubspec.yaml 파일을 열고 제일 하단에 다음과 같은 내용을 추가합니다.

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

앱 아이콘 생성

다음 명령어를 실행하여, flutter_launcher_icons 패키지를 사용하여 앱 이미지 아이콘을 생성합니다.

flutter pub run flutter_launcher_icons:main

확인

이제 Flutter 프로젝트를 재실행하면 다음과 같이 앱 아이콘이 잘 변경된 것을 확인할 수 있습니다.

Flutter - App icon

완료

이것으로 Flutter에서 앱 아이콘을 변경하는 방법에 대해서 살펴보았습니다. flutter_launcher_icons 패키지를 사용하면 이처럼 간단하게 Flutter 앱의 아이콘을 변경할 수 있습니다.

제 블로그가 도움이 되셨나요? 하단의 댓글을 달아주시면 저에게 큰 힘이 됩니다!

책 홍보

저도 블로그를 시작한지 1년만에...책을 다 써봅니다...인생에서 이런 날도 오는군요...타국에서 책 출판도 할 수 있고, 참 좋은 세상입니다.

이번에 쓴 책은 스무디 한 잔 마시며 끝내는 React Native입니다. 다양한 예제를 통해 리액트 네이티브를 공부할 수 있도록 구성해 보았습니다. 또한 설치부터 배포까지 실전에서도 사용할 수 있는 내용들을 담고 있습니다.

아래 링크를 통해 제가 쓴 책을 구매하실 수 있습니다.
많은 분들에게 도움이 되면 좋겠네요.

스무디 한 잔 마시며 끝내는 React Native, 비제이퍼블릭
Posts