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

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

android 12 이상

 

android 12 미만

 

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도 해보고 다른 사이즈도 해보고 별짓 다해봤지만 모두 잘리는 미연시(미친상황 연속발생 시뮬레이션) 발생~~~^^

 

해결 방법

꼼수이긴 하지만...

- 기존 로고 이미지가 아래와 같다면

- 아래와 같이 뒷 배경을 늘려버렸다^^ 사이즈 상관 없이...^^

이렇겍 하면 잘리더라도 로고 잘 보임 ㅎㅎㅋㅋㅋㅋㅋㅋ하,,,하하하

---

참고

• 스플래시 사용법
  • https://devocean.sk.com/blog/techBoardDetail.do?ID=164062
  • https://appunite.com/blog/flutter-splash-screen-for-android-and-ios
• 나와 같이 앱 로고 이미지가 짤리는 문제.. 답변은 안 달린 상태지만 혹시몰라서...
  • https://stackoverflow.com/questions/76212232/how-can-i-make-an-image-size-responsive-in-splash-screen
• 플러터 공식 문서: 안드로이드에 스플래시 만들기
  • https://docs.flutter.dev/platform-integration/android/splash-screen
• 각 네이티브 코드로 스플래시 추가하는 법
  • https://velog.io/@tygerhwang/Flutter-Launch-Splash-Screen-만들기

---

드뎌 종강을 했다. 사실 종강하고나서 쫌 됨,,,(놀았음)

이제 또 열심히 블로그 올려보려고 한다!!!!

 

근데 플러터 스플래시 만들어주는 패키지 있는 거 넘 부러운데?

이건 안드에도 있어줬으면 하는데,,,,,,,,,,,,,아니 사실 안드도 패키지 필요 없을 정도로 만드는 방법 쉽긴 함.

 

플러터 개발을 하고는 있지만 계속계속 안드 생각이 남.. 나 안드 짝사랑하나....

암튼 플러터는 아직 익숙하지 않아서 쉬운 기능 만드는 것도 검색해보고 공식문서 보고 그러는데 그게 넘 귀찮다..

하지만,,,안드도 첨에는 이랬으니까...ㅎㅎㅎ 즐기자