Change App icon & splash

Change App Icon

ANDROID

Create your own icon and replace the launcher_icon.png icons files in each folder according to the image size.

1. /android/app/src/main/res/mipmap-hdpi/

2. /android/app/src/main/res/mipmap-mdpi/

3. /android/app/src/main/res/mipmap-xhdpi/

4. /android/app/src/main/res/mipmap-xxhdpi/

5. /android/app/src/main/res/mipmap-xxxhdpi/

iOS

Create your own icon and name it by size, replacing the icons in the folder below.

/ios/Runner/Assets.xcassets/AppIcon.appiconset/

Change Splash screen

ANDROID

Create your own splash image and replace the splash.png files in each folder according to the image size.

• /android/app/src/main/res/drawable-hdpi/

• /android/app/src/main/res/drawable-mdpi/

• /android/app/src/main/res/drawable-xhdpi/

• /android/app/src/main/res/drawable-xxhdpi/

• /android/app/src/main/res/drawable-xxxhdpi/

Note: To change Splash Screen Background Color, go to android/app/src/main/res/values/colors.xml and change the splash_color value

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="splash_color">#YOUR_COLOR_CODE</color>
</resources>

iOS

Create your own splash image and name it by size, replacing the images in the folder below.

/ios/Runner/Assets.xcassets/LaunchImage.imageset/

Using Command (Very Easy)

NOTE: Please make a copy of the project before following the instructions below. Just incase the commands doesn't work as intended.

App Logo

To change the app logo of the app, follow the steps below for Android & iOS.

• Go to assets folder

• Change the app_icon.png to that of your choice. Please make sure the name remain the same.

• You can import your custom image and rename it to app_icon.png

• Go to pubspec.yaml

• Find this code:

flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/images/app_icon.png"

• Then run this command in your terminal to update the app_icon of the app.

flutter pub get
flutter pub run flutter_launcher_icons:main

Splash Screen

To change the app splash of the app, follow the steps below for Android & iOS.

• Go to assets folder

• Change the splash_icon.png to that of your choice. Please make sure the name remain the same.

• You can import your custom image and rename it to splash_icon.png

• Go to flutter_native_splash.yaml

• Find this code:

flutter_native_splash:
  image: "assets/images/splash_icon.png"
  color: "21a179"

• Also run this command in your terminal to update the splash screen of the app.

flutter pub get
flutter pub run flutter_native_splash:create