frontendflutter

flutter splash screen과 app icon 설정

dart, flutter
Views: 130 
1
2
flutter pub add flutter_native_splash
flutter pub add flutter_launcher_icons

패키지를 설치합니다

AppIcon을 제작할때는 Kitchen Icon Site를 참고합니다.

코드 추가

pubspec.yaml 파일 맨 하단에 다음 코드를 추가해주도록 합니다.
다음 경로에 이미지가 있어야합니다.

  • assets/icons/splash_logo.png: Splash 이미지
  • assets/icons/app_icon.png: 아이콘 이미지

무조건 저 경로에 할 필요는 없고, 각 해당 이미지를 불러오는 경로를 작성해주시면 됩니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# flutter_native_splash
# dart run flutter_native_splash:create
flutter_native_splash:
  color: "#000000"
  image: assets/icons/splash_logo.png
  android: true
  ios: true

# flutter_launcher_icons
# dart run flutter_launcher_icons:main
flutter_launcher_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icons/app_icon.png"
  min_sdk_android: 21 # android min sdk min:16, default 21
  adaptive_icon_background: "#000000"
  adaptive_icon_foreground: "assets/icons/app_icon.png"

실행

splash 이미지를 생성할때 프로젝트 루트 경로 터미널에서 다음 스크립트를 실행시켜줍니다.

1
dart run flutter_native_splash:create

app icon 설정 시에는 다음 스크립트를 실행해줍니다.

1
dart run flutter_launcher_icons:main
Share