Links

App Assets

The App Assets page allows you to upload the images to be used by the app. From here, you can upload the Initial splash image and the image for the app launcher icon.
App Assets

Splash

The Initial Splash Image shows up when you first launch the app on your phone, by default this image is centered and takes up the entire space of the screen.
Splash image demo
The steps to add the splash image are as follows:
  • Click on the Setting and Integrations (
    ) from the Navigation Menu (left side of your screen).
  • Under the General section, select App Assets.
  • Under the Splash section, click on the Upload Image button.
  • Select your splash image and upload it.
  • The preview section on the right shows how the splash screen will look.
  • You can try any of the following Image Fit options to determine how the uploaded image should display on the splash screen.
    • Fill: Take up the entire space.
    • Contain: As large as possible while still containing the image entirely within the screen.
    • Cover: As small as possible while still covering the entire screen.
    • Fit Width: Make sure full image width is displayed regardless of the image height clips vertically.
    • Fit Height: Make sure full image height is displayed regardless of the image width clips horizontally.
    • None: Center the image and clip the portion that goes out of the screen.
    • Scale Down: Center the image and scale it down until it fits the screen.
  • To control the image dimension by yourself, you can set the width and height property.
    • To set an exact size, select PX and enter the desired values.
    • To set the dimensions as a % of the screen size, select % and enter the desired value.
  • To set the background color, click on the box next to Transparent, select the color, and then click Use Color or click on Transparent and enter a Hex Code directly.
  • Run your app and notice the splash screen appears when the app starts.
Adding splash screen

Launcher Icon

The launcher icon (also known as the app icon) represents your application. When you open the launcher app, it shows the app icons for all the installed apps. It acts as an entry point for your app. The image asset that you will upload here will be used as the app launcher icon.
App launcher icon
To add the app launcher icon:
  • Click on the Setting and Integrations (
    ) from the Navigation Menu (left side of your screen).
  • Under the General section, select App Assets.
  • Under the Launcher Icon section, click on the Upload Image button.
  • By clicking on the Unset dropdown menu, you can also select from the already uploaded images to the Project Media/Assets.
  • Download the project and run your app on a real device or emulator to see the app launcher icon.
Adding app launcher icon