How to Configure the App Name & Splash Screen
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