[Flutter] Native Splash Screen

Flutter에서는 프레임워크 엔진이 초기화 되는 동안 Native Splash Screen이 노출된다.

 

Native Splash Screen을 대응하지 않으면 IOS의 경우 흰 화면이 노출되는데 이는 App Store 심사에서 Reject 사유가 된다.

Android의 경우 위 이미지와 같이 기본 Native Splash Screen이 존재한다.

 

 

Native Splash Screen 적용 방법

pub.dev에서 flutter_native_screen 설치 가이드를 따라가 보자. 

 

아래 명령어를 통해 의존성을 설치하고, 문서를 따라 flutter_native_splash.yaml를 프로젝트 root 경로에 생성하고, 적용하고 싶은 옵션의 주석을 풀어 작성하면 된다.

해당 문서를 읽어보면 Splash 이미지를 android12 이상 버전에서는 1152 x 1152, 768 x 768 크기의 이미가 필요하고, IOS의 경우 4배의 고해상도 이미지가 필요하다 4배의 고해상도란 200 x 200의 이미지의 경우 800 x 800의 이미지가 필요하다는 뜻이다.

flutter pub add flutter_native_splash

 

 

이미지를 경로에 맞게 추가해줬다면 아래 명령어를 통해 splash 이미지를 생성하면 끝이다.

dart run flutter_native_splash:create