플러터 스플래쉬 화면

스플래쉬 화면은 모바일 앱을 실행시켰을때 가장 처음으로 나타나는 화면이다. 

사용자 타입에 따라 다른 랜딩 화면을 제공하기 위한 준비 시간동안 로고와 같은 앱을 대표하는 내용으로 구성되어있다.

 

예를 들면, 네이버블로그, 넷플릯, 뱅크샐러드의 스플래쉬 화면이다.

 

그렇다면 플러터에서도 스플래시 화면을 넣는 방법을 알아보자!

 

flutter_native_splash 패키지를 사용한다.

pubspec.yaml에 dependency를 설정해준다.

dependencies:
  flutter_native_splash:

splash 화면에 보여줄 이미지를 assets 폴더를 만들어 넣어준다.

그리고 pubspec.yaml 파일에 flutter_native_splash를 추가해준다.

color, image, background_image등을 추가해줄 수 있다.

 

flutter_native_splash:
  color: "#f7fbff"
  image: assets/splash2.png

 

다음은 결과화면이다