[flutter] - Flutter에서의 앱 아이콘 및 스플래시 스크린 설정 방법

앱 개발 과정에서 앱 아이콘과 스플래시 스크린은 사용자들에게 앱의 시각적인 인상을 줄 수 있는 중요한 요소입니다. Flutter에서는 이러한 자원들을 쉽게 설정할 수 있는 방법을 제공합니다. 이번 글에서는 Flutter에서 앱 아이콘과 스플래시 스크린을 설정하는 방법을 알아보겠습니다.

앱 아이콘 설정 방법

  1. Flutter 프로젝트의 pubspec.yaml 파일을 엽니다.
  2. flutter 섹션 아래에 flutter_icons 항목을 추가합니다.
flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon.png"
  1. 이미지 경로에 해당하는 아이콘 이미지를 준비합니다. 이미지는 최소 192x192 크기의 PNG 또는 JPEG 형식이어야 합니다.
  2. Flutter 프로젝트의 루트 폴더에 assets 폴더를 생성하고, 아이콘 이미지를 assets/icon/icon.png 경로에 위치시킵니다.
  3. 앱을 빌드하고 실행하면 앱 아이콘이 설정됩니다.

스플래시 스크린 설정 방법

  1. 스플래시 스크린을 설정하려면 Flutter 프로젝트의 pubspec.yaml 파일을 수정해야 합니다.
  2. flutter 섹션 아래에 flutter_native_splash 항목을 추가합니다.
flutter_native_splash:
  color: "#ffffff"
  image: "assets/splash/splash.png"
  android: true
  ios: true
  1. 이미지 경로에 해당하는 스플래시 스크린 이미지를 준비합니다. 이미지는 최소 2732x2732 크기의 PNG 또는 JPEG 형식이어야 합니다.
  2. Flutter 프로젝트의 루트 폴더에 assets 폴더를 생성하고, 스플래시 스크린 이미지를 assets/splash/splash.png 경로에 위치시킵니다.
  3. 앱을 빌드하고 실행하면 스플래시 스크린이 설정됩니다.

이제 Flutter에서 앱 아이콘과 스플래시 스크린을 설정하는 방법을 알게 되었습니다. 앱의 시각적인 효과를 개선하여 사용자들에게 더욱 뛰어난 사용자 경험을 제공할 수 있습니다.

참고 자료