0. 창업

[부트캠프] 4주차 5 - 스플래시, 아이콘 패키지 사용

마켓플레이어, 마케터 봉 2025. 3. 28. 15:56

#### 스플래시 이미지 - flutter_native_splash
- [flutter_native_splash](https://pub.dev/packages/flutter_native_splash/install) : 스플래시 이미지

1. 패키지 설치
flutter pub add flutter_native_splash

2. pupspec.yaml 에 아래 내용 업데이트
# 기존 영역 중 assets 영역 수정
flutter:
  assets:
    - assets/images/

# 맨 하단에 기재
flutter_native_splash:
  color: "#ffffff" # 배경색 (hex 코드)
  image: assets/images/splash.png # 띄울 이미지 경로. 이미지는 512*512 
  android: true
  ios: true
  web: false

3. splash 화면 생성 명령어 터미널에 입력!
flutter pub run flutter_native_splash:create

 




#### 앱 아이콘 변경하기 - flutter_launcher_icons
- [flutter_launche_icons](https://pub.dev/packages/flutter_launcher_icons) : 아이콘 이미지

1. 패키지 설치
flutter pub add flutter_launcher_icons

2. pupspec.yaml 에 아래 내용 업데이트
# 기존 영역 중 assets 영역 수정
flutter:
  assets:
    - assets/images/

# 맨 하단에 기재
flutter_icons:
  android: true
  ios: true
  image_path: "assets/icons/app_icon.png" # 아이콘 이미지 경로

3. splash 화면 생성 명령어 터미널에 입력!
flutter pub run flutter_launcher_icons:main


반응형