개발공부/[Flutter] flutter 앱 개발 완성

[flutter] launch screen , splash screen 적용하는 법

개발자 덕구🐾 2022. 9. 12. 21:49
728x90

 

 

 

앱을 실행시키고 시작하는 첫 순간 서버로부터 로그인 데이터 또는 여타 앱 실행을 위한 준비를 한다.

이때 클라이언트에게 보여주는 화면을 launch screen, splash screen 이라고  한다. 

 

 

 

방법을 찾아 헤매었지만 찾기가 어려웠는데 결국 발견했다. 

https://www.youtube.com/watch?v=dB0dOnc2k10 

 

 

 


 

 

 

 

1. flutter native native 패키지를 설치한다. 

 

2. pubspec.yaml 에 코드를 추가한다.

코드는 splash화면에 보일 이미지와 배경색등을 추가할 수 있다. 

 

 

이런식으로! 

 

 

3. 그 후 콘솔창에

 

flutter clean

flutter pub get 

flutter pub run flutter_native_splash:create

 

를 입력해준다. 

 

 

splash 이미지를 변경할 때마다 해주어야한다. 

 

 

 

 

 

 

찾느라 애좀 먹었다...(코쓱)

 

 

 

 

 

 

반응형