[Flutter] Splash + 로고 잘림 현상 해결

코딩 일기장/Flutter

[Flutter] Splash + 로고 잘림 현상 해결

minWachya 2023. 7. 12. 18:46

스플래시 기능을 간단하게 추가해보려고 한다~~

1. 의존성 추가

https://pub.dev/packages/flutter_native_splash<여기서 새 버전 확인하기!

dependencies:
  flutter_native_splash: ^2.3.1

**2. root에 flutter_native_splash.yaml 파일 생성 후 아래 코드 추가**

더 자세한 설정은 위의 공식 문서에서 확인 가능하다.

- 이때 스플래시 이미지는 png만 가능하다.

flutter_native_splash:
  color: "#42a5f5"
  image: assets/splash.png
  
  android_12:
    image: assets/android12splash.png
    color: "#42a5f5"

3. 터미널에 아래 명령어 입력

flutter pub run flutter_native_splash:create --path=./flutter_native_splash.yaml

4. 수정 시 터미널에 아래 명령어 입력 후에 다시 3번의 명령어를 입력한다!!

flutter pub run flutter_native_splash:remove

**5. 설정이 잘 된 후에는 flutter_native_splash.yaml 파일과 의존성 코드를 삭제해도 된다^_^**

이때 나에게 난 문제...^^

- android 12 미만 기기에서는 스플래시 정상적으로 동작

- 하지만 android 12 이상 기기에서는 앱 로고가 잘린 상태로 동작함...

내가 시도한 방법

- 공식 문서에 있는 png 사이즈인 960x960, 1152x1152를 해봤지만 그래도 짤림..^^

    # App icon with an icon background: This should be 960×960 pixels, and fit within a circle
    # 640 pixels in diameter.
    # App icon without an icon background: This should be 1152×1152 pixels, and fit within a circle
    # 768 pixels in diameter.

- 혹시나 해서 640x640, 768x768도 해보고 다른 사이즈도 해보고 별짓 다해봤지만 모두 잘리는 미연시(미친상황 연속발생 시뮬레이션) 발생~~~^^