월루를 꿈꾸는 대학생

[flutter] 스플래쉬 화면 (flutter_native_splash) 본문

Programing/플러터

[flutter] 스플래쉬 화면 (flutter_native_splash)

하즈시 2022. 12. 23. 23:52
728x90

스플래쉬 화면 

 

사용할 패키지 

https://pub.dev/packages/flutter_native_splash

 

flutter_native_splash | Flutter Package

Customize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full screen, and more.

pub.dev

 

해당 패키지를 사용하면 간편하게 스플래쉬 화면을 만들 수 있습니다. 

 

pubspec.yaml 

# flutter_native_splash
flutter_native_splash:
  color: "#ffffff"
  image: asset/img/logo.png
  branding: asset/img/branding.png
  color_dark: "#121212"
  image_dark: asset/img/logo.png
  branding_dark: asset/img/branding.png


  android_12:
    image: asset/img/logo.png
    branding: asset/img/branding.png
    icon_background_color: "#ffffff"
    image_dark: asset/img/logo.png
    icon_background_color_dark: "#121212"
    branding_dark: asset/img/branding.png

  web: false

 

설정 후 터미널에다가 

flutter pub run flutter_native_splash:create

 

명령어 실행시켜서 스플래쉬 화면을 만들어주고

​

혹시 변경사항이 있으면 

flutter pub run flutter_native_splash:remove

 

지운 후 새로 만들면 된다.

 

안드로이드12는 따로 설정이 필요하고 

12에 그림은 여벽을 좀 줘야 이쁘게 원안에 들어감 

 

​

728x90

'Programing > 플러터' 카테고리의 다른 글

[Flutter] Firestore데이터 읽기  (0) 2022.12.31
[Flutter] Firebase 연동해서 회원가입 로그인 기능 추가  (0) 2022.12.30
[Flutter] Splash화면 만들기  (0) 2022.12.16
[Firebase] Flutter Firebase 연동하기  (0) 2022.12.15
[firebase] 파이어베이스 개념 정리 / 세팅  (0) 2022.12.14
'Programing/플러터' Related Articles more