Android
For Android, we only need the image icon. If you have designed your own icon, export the image separately without the background. Otherwise feel free to use this:
Open Android Studio and find app -> res -> mipmap -> ic_launcher
Notice that similarly to iOS, we have icons for various sizes here. To replace this icon with our own, we can use Android Asset Studio.
Right click on the "res" directory and choose new -> "image asset".
This will open a window for configuring new image assets.
Let's overwrite the existing app icon. Keep the Icon Type as "Launcher Icons" and keep the icon name the same to overwrite the existing app icon.
In the Foreground Layer tab, select the asset patch to be the icon we've just downloaded.
In the Scaling section, select "Yes" under Trim, and use the slider to resize the icon to fit comfortable within the icon area.
In the "Background Layer" tab, under "Source Asset", choose "Color" for the "Asset Type" and set the background to our blue theme colour: #1D84B5
.
You should end up with something like this:
Hit next -> finish to create the icons.
To change the App Name, open android/app/src/main/res/values/strings.xml
and update the value in app_name
, e.g "Mood"
Finally, rebuild the app from Android Studio.