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
- 주의.
에뮬레이터에서는 스플래시 이미지 적용이 원할하지 않았다.
핸드폰을 꼽았을 때는 제대로 확인이 됐습니다.
댓글
댓글 쓰기