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

- 주의.

에뮬레이터에서는 스플래시 이미지 적용이 원할하지 않았다. 

핸드폰을 꼽았을 때는 제대로 확인이 됐습니다.