Flutter 앱 아이콘 / 스플래시 이미지 적용법

 

Flutter 앱을 만들다 보면 어느 순간, 디폴트 아이콘과 로딩화면이 너무 허전해 보이기 시작한다.

 

나도 앱이 어느 정도 형태를 갖추고 나니, 당연하게 앱 아이콘과 스플래시 화면을 내가 만든 이미지로 바꾸고 싶었다.

 

그런데 막상 바꾸다 보니 잘려보이는 아이콘, 반영 안 되는 splash, 배경색 안 맞는 문제 같은 게 계속 생김

 

 

요약 

 

 

1. 이미지 고르고 아래 pubspec.yaml 설정.

 

 설치

 

dev_dependencies:
  flutter_launcher_icons: ^0.13.1

flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/app_icon.png" << 넣기.

 

 

splash: 

 

dev_dependencies:
  flutter_native_splash: ^2.3.3

flutter_native_splash:
  color: "#ffffff"
  image: assets/splash/splash_logo.png

  color_dark: "#121212"
  image_dark: assets/splash/splash_logo.png

  android: true
  ios: true

 

 

• color: 배경색
• image: 로고 이미지 (가로보다 세로 긴 비율 추천)
• image_dark: 다크모드용 이미지 (필요 시)

 

 

이미지 수정하고 꼭 아래처럼 flutter pub run 해줘야함!

 

 

 

flutter clean

flutter pub get

 

 

flutter pub run flutter_launcher_icons:main   << 아이콘 수정

flutter pub run flutter_native_splash:create   <<splash 수정

이 명령어를 실행해야 실제 Android/iOS의 launch_background.xml이나 storyboard에 반영된다.