<Flutter> native_splash 라이브러리로 스플래시 스크린 간단하게 만들기

 

🧭

 

splash screen

앱을 처음 열면 기본적인 화면구성을 위해 로딩 시간이 발생합니다.

(앱이 구동 전인 경우 콜드 스타트, 앱이 구동을 시작했으나 화면이 그려지는 중인 경우 웜 스타트라고 함)

이 때 사용자에게 브랜드 로고 등을 노출하는 화면을 스플래시 스크린이라고 합니다.

플러터에서 해당 화면을 구현하더라도 플러터가 네이티브 앱에 올라가는 동안은 하얀 화면을 노출할 수 밖에 없습니다.

이 때 flutter_native_splash 패키지를 활용하면 플러터가 네이티브 위로 올라가는 시간에도 스플래시 스크린을 적용할 수 있습니다.

 

flutter_native_splash

1. 패키지 설치

$ flutter pub add flutter_native_splash --dev

※ 스플래시 스크린의 종료 시기를 제어하고 싶다면 메서드를 활용해야 하기 때문에 일반 dependencies에 저장해야 함

2. pubspec.yaml 파일에 내용 작성 (또는 별도의 yaml 파일 생성)

3. 스플래시 스크린 관련 이미지, 배경 등을 세팅하는 명령어 실행

$ flutter pub run flutter_native_splash:create

 

📌

https://pub.dev/packages/flutter_native_splash

flutter_native_splash | Flutter Package