Flutter의 애플리케이션 아이콘 설정 방법

Flutter의 애플리케이션 아이콘 설정 방법

Flutter 앱을 배포할 때 기본 아이콘을 커스텀 아이콘으로 변경하는 것은 중요한 과정입니다. 앱의 브랜드 이미지를 강조하고, 사용자가 앱을 쉽게 인식할 수 있도록 돕습니다.

이 글에서는 Flutter에서 애플리케이션 아이콘을 설정하는 방법을 설명하고, flutter_launcher_icons 패키지를 활용하여 Android 및 iOS 아이콘을 자동으로 생성하는 방법을 소개하겠습니다.

---

1. Flutter 애플리케이션 아이콘 설정 방법

Flutter 앱에서 아이콘을 설정하는 방법은 다음과 같습니다.

• 수동 설정: Android 및 iOS에서 각각 아이콘을 변경
• flutter_launcher_icons 패키지 활용: 아이콘을 자동으로 생성하고 적용

보다 간편한 설정을 위해 flutter_launcher_icons 패키지를 사용하는 방법을 추천합니다.

---

2. flutter_launcher_icons 패키지를 활용한 아이콘 설정

(1) 패키지 설치

Flutter 프로젝트에 flutter_launcher_icons 패키지를 추가합니다.

flutter pub add flutter_launcher_icons

(2) pubspec.yaml 설정

pubspec.yaml 파일에 아이콘 설정을 추가합니다.

flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/app_icon.png"
  adaptive_icon_background: "#ffffff"
  adaptive_icon_foreground: "assets/icon/app_icon_foreground.png"

위 설정에서:

• image_path: 아이콘으로 사용할 이미지 경로
• adaptive_icon_background: Android의 적응형 아이콘 배경색
• adaptive_icon_foreground: Android 적응형 아이콘 전경 이미지

(3) 아이콘 생성 및 적용

다음 명령어를 실행하여 아이콘을 자동 생성합니다.

flutter pub run flutter_launcher_icons:main

이제 Android 및 iOS에 새로운 애플리케이션 아이콘이 설정됩니다.

---

3. Android 및 iOS에서 아이콘 수동 설정

자동화된 설정 대신 직접 아이콘을 설정할 수도 있습니다.

(1) Android 아이콘 변경

Android 아이콘은 android/app/src/main/res/ 폴더에서 관리됩니다.

• mipmap-hdpi: 72x72
• mipmap-mdpi: 48x48
• mipmap-xhdpi: 96x96
• mipmap-xxhdpi: 144x144
• mipmap-xxxhdpi: 192x192

각 폴더의 기존 아이콘을 교체하면 변경된 아이콘이 적용됩니다.

(2) iOS 아이콘 변경

iOS 아이콘은 ios/Runner/Assets.xcassets/AppIcon.appiconset/ 폴더에서 관리됩니다.

• 앱 아이콘 이미지를 appicon.co와 같은 도구를 사용하여 생성
• 생성된 파일을 AppIcon.appiconset 폴더에 복사
• ios/Runner.xcodeproj를 Xcode에서 열고 아이콘이 올바르게 설정되었는지 확인

이제 수동으로 아이콘을 변경할 수도 있습니다.

---

결론

Flutter에서 애플리케이션 아이콘을 설정하는 방법은 다음과 같습니다.

• flutter_launcher_icons 패키지 사용 (자동 설정)
• Android 및 iOS에서 수동으로 변경

자동화된 방법을 사용하면 더 쉽게 아이콘을 변경할 수 있으며, 프로젝트 유지보수도 편리해집니다. 이제 아이콘을 설정하여 앱의 브랜드 이미지를 강화해 보세요!