flutter splash 화면 구현하기

flutter_native_splash | Flutter Package

flutter pub add flutter_native_splash

1. 위의 코드를 터미널에 작성하여 설치

2. flutter_native_splash.yaml 파일을 만든다

flutter_native_splash:
  color: "#27292C"
  #background_image: "assets/image/splash.png"
  image: assets/image/splash.png

• 이미지 경로와 백그라운드 컬러를 지정함

3. image를 해당 폴더에 넣어준다

•  이떄 assets을 처음 연동하는 거라면 pubspec.yaml에 assets를 아래와 같이 추가해준다

assets:
  - assets/
  - assets/image/

4. splah 실행

• 터미널에 아래와 같이 작성하면 완료

flutter pub run flutter_native_splash:create

 

 

참고 블로그 https://nomaruhan.tistory.com/11