본문 바로가기
Flutter/Flutter Programming

플러터에서 스프레쉬 구현하는 flutter_native_splash 패키지

by Maccrey 2024. 6. 19.
반응형

flutter_native_splash는 Flutter 애플리케이션에서 네이티브 스플래시 화면을 설정하고 관리하는 데 도움을 주는 패키지입니다.

이 패키지를 사용하면 각 플랫폼(Android 및 iOS)에 대해 다른 크기와 해상도의 스플래시 이미지를 설정할 수 있습니다.

이를 통해 앱이 시작될 때 네이티브 스플래시 화면을 보여줄 수 있습니다.

주요 기능과 사용 방법

1. 설치 및 설정

  • 프로젝트에 패키지 추가: pubspec.yaml 파일에 flutter_native_splash를 추가하고 패키지를 설치합니다.
dependencies:
  flutter_native_splash: ^1.3.0

 

스플래시 이미지 준비: 각 플랫폼(Android 및 iOS)에 대해 사용할 스플래시 이미지를 준비합니다. 이 이미지들은 assets 폴더에 저장합니다.

 

2. 설정 파일 생성

  • flutter_native_splash.yaml 파일 생성: 프로젝트 루트에 flutter_native_splash.yaml 파일을 생성하고, 사용할 스플래시 이미지의 경로와 설정을 지정합니다.
image_path: "assets/images/splash.png"  # 사용할 스플래시 이미지 경로
color: "#FFFFFF"  # 배경색 설정 (옵션)
android: true  # 안드로이드 스플래시 설정 사용 여부
ios: true  # iOS 스플래시 설정 사용 여부

 

 

3. 스크립트 실행

  • 터미널에서 스크립트 실행: flutter_native_splash 패키지가 제공하는 스크립트를 실행하여 설정한 yaml 파일을 기반으로 스플래시 화면을 생성합니다.
flutter pub run flutter_native_splash:create

 

4. 적용 확인

  • 앱 실행 시 스플래시 화면 확인: 설정한 이미지와 배경색이 반영된 네이티브 스플래시 화면을 확인합니다.

 

장점

  • 간편한 설정: YAML 파일을 통해 간단하게 스플래시 이미지를 관리할 수 있습니다.
  • 플랫폼 별 지원: Android와 iOS 각각에 대해 다른 스플래시 이미지를 사용할 수 있습니다.
  • 네이티브 성능 유지: Flutter 앱의 시작 속도를 개선하고 사용자 경험을 향상시킬 수 있습니다.

flutter_native_splash를 사용하면 Flutter 앱 개발 과정에서 네이티브 스플래시 화면 설정을 간편하게 관리할 수 있으며, 사용자에게 초기 앱 로딩 화면을 보여줌으로써 전체적인 앱의 완성도를 높이는 데 기여할 수 있습니다.

 

 

수발가족을 위한 일기장 “나비일기장”

 

https://play.google.com/store/apps/details?id=com.maccrey.navi_diary_release

 

구글플레이 앱 배포의 시작! 비공개테스트 20명의 테스터모집을 위한 앱 "테스터 쉐어"

 

https://play.google.com/store/apps/details?id=com.maccrey.tester_share_release

 

Tester Share [테스터쉐어] - Google Play 앱

Tester Share로 Google Play 앱 등록을 단순화하세요.

play.google.com

카카오톡 오픈 채팅방

https://open.kakao.com/o/gsS8Jbzg

반응형