Assets Management

Assets Management

You can quickly configure the icons and splash screens of your app by providing a single PNG source file. Sidekick uses this image to generate the image resources for all mobile platforms.

TIP: You must provide separate image sources for the icons and splash screens.

Prerequisites

• The source image must be in the PNG format.
• The source image must be at least 1024x1024 pixels.

TIP: If the splash screen source image contains a logo-like image, the logo must be centered. Otherwise, it might not be resized properly.

Procedure

IMPORTANT: The application assets that Sidekick creates from your source image will overwrite any existing icons or splash screens.

1. Launch NativeScript Sidekick and open your app.
2. From the left toolbar, select Assets to open the Assets view.
3. To generate the icons of your app, complete the following steps.
   1. In the icon placeholder in the generator, click Browse.
   2. Browse and locate the image source that you want to use, select it, and click Open.
   3. When prompted, choose for which platforms you want to generate icons.
   4. Click Generate and wait for the operation to complete.
4. To generate the splash screens of your app, complete the following steps.
   1. In the splash screen placeholder in the generator, click Browse.
   2. Browse and locate the image source that you want to use, select it, and click Open.
   3. When prompted, choose for which platforms you want to generate splash screens.
   4. (Optional) Provide a custom background color in a hexadecimal format.
   5. Click Generate and wait for the operation to complete.
5. (Optional) Select the Android and iOS tabs to inspect the newly added app assets.

Next Steps

Deploy your app on a connected device to check the newly added icons and splash screens.

See Also

• Creating App Icons and Launch Screens for iOS
• Creating Launch Screens for Android
• Material Design Icons Styling