[Flutter] 앱, 스플래시 아이콘

플러터에서 flutter_native_splash, flutter_launcher_icons 사용 시

 

flutter_native_splash:

color: "#007bff" # 스플래시 화면 배경색 (예: 흰색)

image: assets/icons/splash_icon.png # 스플래시 중앙 이미지 경로 (실제 경로로 수정 필요)

ios_content_mode: center

android_12:

color: "#007bff" # Android 12+ 배경색

image: assets/icons/splash_icon.png # Android 12+ 아이콘 경로

flutter_launcher_icons:

android: true

ios: true

adaptive_icon_background: "#007bff"

adaptive_icon_foreground: assets/icons/app_icon.png

image_path: assets/icons/app_icon.png

remove_alpha_ios: true

 

스플래시 아이콘은 512x512 권장하며,

아이콘 주변으로 어느정도 공백이 있도록 제작

 

앱 아이콘은 1024x1024 권장하며,

아이콘이 꽉차게 제작해도 괜찮음

 

근데 android의 경우 공백을 더 많이 해야됨. 즉 각각 만들어야 하는데 그럴 경우 아래와 같이 설정

 

flutter_native_splash:

color: "#007bff" # 스플래시 화면 배경색 (예: 흰색)

image: assets/icons/splash_icon_ios.png # 스플래시 중앙 이미지 경로 (실제 경로로 수정 필요)

ios_content_mode: center

android: true

android_gravity: center # Android 일반 스플래시

android_12:

color: "#007bff"

image: assets/icons/splash_icon_android.png

flutter_launcher_icons:

android: true

ios: true

adaptive_icon_background: "#007bff"

adaptive_icon_foreground: assets/icons/app_icon_android.png

image_path_android: assets/icons/app_icon_android.png

image_path_ios: assets/icons/app_icon_ios.png

remove_alpha_ios: true