seong

Flutter - Splash화면 (flutter_native_splash) 본문

Flutter/Flutter

Flutter - Splash화면 (flutter_native_splash)

hyeonseong 2024. 2. 21. 09:40

https://pub.dev/packages/flutter_native_splash


color : splash 화면 색

image : Splash 화면 중앙에 나타낼 이미지

branding : Splash 화면의 아랫쪽에 나타낼 이미지 

- Flutter에서 따로 로고의 사이즈를 조절이 불가능(?)하기 때문에, Bottom에 공백을 주고 싶다면 Bottom에 공백이 있는 이미지를 받는게 마음 편하다, 아니면 Android 코드에서 Splash화면을 구현해야한다.

가장 아랫쪽 branding

branding_mode : bottom, bottom_left, bottom_right -> 중앙,왼쪽,오른쪽 위치 지정

android: Splash 표시 여부

ios : Ios Splash 표시 여부

android_gravity : Aos Image 위치 

ios_content_mode : Ios Image 위치

flutter_native_splash:
  color: "#0a4fb1"
  image: assets/ic_logo_splash.png
  branding: assets/ic_bottom_logo.png
  branding_mode: bottom
  android: true
  ios: true
  android_gravity: center
  ios_content_mode: center

 

android 12 Ver 이상부터는 Android에서 App의 Icon이 나오게 되어 있다, 공식문서 참고 하자.
ex)
android_12:
     image: assets/logo-acceptance.png
     icon_background_color: "#ffffff"
     image_dark: assets/logo-acceptance.png
     icon_background_color_dark: "#121212"