flutter - flutter_native_splash 스플래시 이미지 추가.

flutter 실행시 네이티브에서 플러터를 로딩하는 시간에 지연이 있다.
하얀 화면보다 스플래시 이미지를 보는게 유저가 느끼는 경험이 더 좋다.
 
flutter_native_splash를 이용하면 코드 작업 없이 스플래시 적용할 수 있다.
물론 따로 처리해야 하는 것도 가능하다.

* 라이브러리 페이지.
https://pub.dev/packages/flutter_native_splash

* 라이브러리 설치.
flutter pub add flutter_native_splash

* pubspec.yaml 에 추가.
각자 환경에 맞게 세팅하면 된다.

# flutter pub run flutter_native_splash:remove
# flutter pub run flutter_native_splash:create
flutter_native_splash:
color: "#3B303E"
image: assets/image/splash_logo.png
fullscreen: true
android_12:
color: "#3B303E"
image: assets/image/splash_logo12.png
# branding: assets/image/splash_logo.png

* 터미널에서 실행한다.(Android Studio 터미널도 가능하다.)
flutter pub run flutter_native_splash:create

- 여기까지 하면 적용 완료다.
에뮬레이터에서는 확인할 수 없다. 진짜 핸드폰에 설치해 확인할 수 있다.

* 만약 설정이 바뀌거나 스플래시 이미지가 바뀐 경우는 remove 후 create 해주면 된다.
flutter pub run flutter_native_splash:remove

flutter pub run flutter_native_splash:create

- 주의.
에뮬레이터에서는 스플래시 이미지 적용이 원할하지 않았다. 
핸드폰을 꼽았을 때는 제대로 확인이 됐습니다.



댓글

이 블로그의 인기 게시물

파이썬 vscode에서 자동 코드 정렬. Formatter.

콘탁 Kontakt, KOMPLETE 저렴한 구입 방법.

플러터(flutter) 개발 참고 사이트들.