[flutter] Splash 화면과 런처 아이콘을 동시에 변경하는 방법

애플리케이션을 개발하다보면 기존의 Splash 화면 및 런처 아이콘을 사용자 정의 이미지로 변경해야 할 때가 있습니다. Flutter에서는 이러한 변경을 간단하게 수행할 수 있습니다. 이번 글에서는 Splash 화면 및 런처 아이콘을 동시에 변경하는 방법에 대해 알아보겠습니다.

Splash 화면 변경하기

Splash 화면을 변경하려면 우선 이미지 파일을 assets 폴더에 추가해야 합니다. pubspec.yaml 파일에 해당 이미지를 등록하여 사용할 수 있습니다. 아래는 예시입니다.

flutter:
  assets:
    - assets/splash.png

이후, main.dart 파일에서 MaterialApp 위젯을 통해 home 속성을 설정합니다.

MaterialApp(
  home: SplashScreen(),
)

SplashScreen 위젯에서 사용자 정의 이미지를 화면에 보여주도록 조정하면 됩니다.

런처 아이콘 변경하기

런처 아이콘을 변경하려면 먼저 이미지 파일을 준비해야 합니다. 그 다음, androidios 폴더에 있는 MainActivity 파일을 열어 아래와 같이 코드를 추가합니다.

Android

android/app/src/main/AndroidManifest.xml 파일에서 application 태그 안에 아래 코드를 추가합니다.

<meta-data
  android:name="io.flutter.embedding.android.SplashScreenDrawable"
  android:resource="@drawable/your_custom_splash" />

iOS

ios/Runner/Info.plist 파일에 아래 코드를 추가합니다.

<key>UILaunchImages</key>
<array>
  <dict>
    <key>UILaunchImageName</key>
    <string>YourCustomSplash</string>
  </dict>
</array>

Xcode를 사용하여 이미지 파일을 프로젝트에 추가하고 Info.plist 파일에 이미지 이름을 등록합니다.

정리

이제 Splash 화면과 런처 아이콘을 동시에 변경하는 방법에 대해 알아보았습니다. Flutter를 사용하여 안드로이드 및 iOS 플랫폼에서 이러한 작업을 간단하게 수행할 수 있습니다.

더 많은 정보는 Flutter 공식 문서를 참고하세요.