Flutter 앱 아이콘을 자동으로 생성하기

Ionic에서 제공하는 앱의 경우 generate app icons에 매우 간단합니다. 연구를 하면서 Flutter에서도 쉽다는 것을 알게 되었습니다!

오늘은 하나의 이미지 소스를 기반으로 iOS와 Android용 앱 아이콘을 자동으로 생성하는 방법에 대해 알아보겠습니다!

아이디어는 앱이 모든 종류의 장치 및 해상도에 대해 다양한 크기의 앱 아이콘을 필요로 한다는 것입니다.
그러나 우리는 이러한 모든 이미지를 스스로 만들고 싶지 않습니다.

flutter_launcher_icons 플러그인 추가

Flutter는 플러그인을 쉽게 추가할 수 있는 방식으로 구축되었습니다.
이를 위해 pubspec.yml 파일로 이동하여 dev_dependencies에 다음 줄을 추가합니다.

dev_dependencies:
  flutter_launcher_icons: '^0.8.0'

그런 다음 다음을 실행하여 이 플러그인을 설치해야 합니다.

flutter pub get

앱 아이콘 추가

기본 아이콘이 작동하려면 로고 크기가 1024x1024px인 것이 좋습니다. 또한 이 이미지(iOS용)에 알파 또는 투명도를 사용하지 마세요. Android의 경우 투명도를 사용할 수 있습니다.

그러나 이 데모에서는 하나의 일반 이미지를 사용하겠습니다.

이 이미지를 디렉터리의 루트에 있는 images라는 폴더에 넣습니다.

내 앱 아이콘이 어떻게 보이는지 시연하기 위해 이 기본 이미지를 만들었습니다.


pubspec.yml 파일로 돌아가 다음 구성을 추가합니다.

flutter_icons:
  android: true
  ios: true
  image_path: 'images/icon.png'

iOS 또는 Android용 특정 이미지를 지정할 수도 있습니다.

flutter_icons:
  image_path_ios: 'images/icon-ios.png'
  image_path_android: 'images/icon-android.png'

아이콘을 생성하기 위해 다음 명령을 실행할 수 있습니다.

flutter pub run flutter_launcher_icons:main

이제 시뮬레이터에서 애플리케이션을 실행하면 정의한 앱 아이콘이 표시됩니다.
또한 생성된 다양한 크기를 모두 보여주기 위해 Xcode 자산을 열었습니다.

읽어주셔서 감사합니다. 연결해 봅시다!

제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook에 연결하거나