App Name & Icon
The name under the icon and the icon itself, for each of the three apps. The colours inside the apps come from the admin panel.
Do this page once for each app folder: customer, restaurant and driver. The demo names are Go4Food Customer, Go4Food Restaurant and Go4Food Driver on Android, and Go4Food, Restaurant and Driver on iPhone.
Colours and the in-app name
The colour of each app, the app name used inside the apps and the minimum app version are set in the admin panel under SettingsApp Theme. No new build needed. This page is only about what the phone shows on its home screen. See App settings & theme.
App name#
In android/app/src/main/AndroidManifest.xml, change android:label on the <application> tag:
<application
android:label="Your Brand"
android:icon="@mipmap/ic_launcher"
...>In ios/Runner/Info.plist, change both values (or in Xcode: Runner target → General → Display Name):
<key>CFBundleDisplayName</key>
<string>Your Brand</string>
...
<key>CFBundleName</key>
<string>Your Brand</string>Keep the name short: iPhone cuts names longer than about 12 letters under the icon.
App icon#
Start with one square 1024 × 1024 px PNG of your logo for each app.
Make the Android icons#
In Android Studio, right-click android/app/src/main/res → New → Image Asset → Launcher Icons (Adaptive and Legacy). Pick your image, keep the logo inside the safe circle, name it ic_launcher and click Finish. It replaces ic_launcher.png and the adaptive-icon files in every mipmap-* folder.
Prefer an online tool such as appicon.co? Replace the files in these folders and keep the same file names:
| Folder | Size of ic_launcher.png |
|---|---|
mipmap-mdpi | 48 × 48 |
mipmap-hdpi | 72 × 72 |
mipmap-xhdpi | 96 × 96 |
mipmap-xxhdpi | 144 × 144 |
mipmap-xxxhdpi | 192 × 192 |
The folders also hold ic_launcher_foreground.png, ic_launcher_background.png and ic_launcher_monochrome.png, used by mipmap-anydpi-v26/ic_launcher.xml on newer phones. Replace them too, or Android 8+ keeps showing the Go4Food icon.
Make the iPhone icon#
In Xcode open Runner/Assets.xcassets → AppIcon and drag your images onto the slots, or replace the files in ios/Runner/Assets.xcassets/AppIcon.appiconset/ with the same names and sizes. iPhone icons must have no transparent parts.
Check the notification icon#
Push notifications on Android use the launcher icon (@mipmap/ic_launcher, set in AndroidManifest.xml as default_notification_icon), so they pick up your new icon automatically.
Logo inside the apps#
The logo on the splash screen is a file in each app. Replace it with your own file of the same name and type:
| App | File |
|---|---|
| Customer | customer/assets/images/logo.svg |
| Restaurant | restaurant/assets/images/logo.svg |
| Driver | driver/assets/icons/ic_splash_logo.svg |
Icon not changing?
Phones cache icons. Uninstall the app, run flutter clean, then build again.
The websites have their own title and favicon: see Prepare & build the websites.