How to Configure the App Name & Splash Screen

Estimated reading: 2 minutes 33 views

This guide explains how to update the app name, package name, launcher icons, and splash screen for the FlutKit Dashboard UI Kits.
These steps apply to Web, Android, iOS, and Desktop platforms.

1. Change the App Name

Flutter uses different configurations for each platform.

Android

Edit:

android/app/src/main/AndroidManifest.xml

Find:

android:label="Awesome Dashboard App"

Replace with your name.

iOS

Edit:

ios/Runner/Info.plist

Find:

<key>CFBundleDisplayName</key>
<string>Awesome Dashboard App</string>

Change the string value.

Web

Edit:

web/index.html

Find:

<title>Awesome Dashboard App</title>

Replace with your new app name.

2. Change the Package Name (Optional)

If you want a custom bundle ID:

Install:

flutter pub run change_app_package_name:main com.yourcompany.appname

This updates:

  • Android package name
  • iOS bundle identifier

(Recommended before publishing)

3. Configure Splash Screen

Ademin uses flutter_native_splash for cross-platform splash screens.

3.1 Using Splash Screen Package

Find flutter_native_splash in pubspec.yaml:

flutter_native_splash:
  color: "#ffffff"
  image: assets/images/logo_light.png
  color_dark: "#212529"
  image_dark: assets/images/logo.png
  android: true
  ios: true
  web: true
  fullscreen: true

Replace logo_light.png and logo.png to your own app logos.

Then run:

flutter pub get
flutter pub run flutter_native_splash:create

Share this Doc

How to Configure the App Name & Splash Screen

Or copy link

CONTENTS