image
You can use this component as a unique visual identifier. Display a profile photo, company logo, photo of products, and much more to improve your application's visual experience.
The image component can be part of the header, stories and as a child component in jig.default.
Some properties are common to all components, see Common component properties for a list and their configuration options.
Core structure | |
---|---|
uri | The image source (either a remote URL or a local file resource). The currently supported formats are png, jpg, jpeg, bmp, gif, webp (Android only), psd (iOS only). |
Other options | |
---|---|
height | Change the height of the image in pixels. Ensure a proper resizeMode is used to achieve the best results on different device resolutions. The default is set at 196 pixels. |
resizeMode | Resize the image when the frame doesn't match the raw image dimensions. The following options are available:
|
subtitle | Adds a subtitle that is displayed on or next to the image based on image context. |
title | Display the text content for the title that can be displayed on or next to the image based on the image context. |
width | Change the width of the image in pixels. Ensure a proper resizeMode is used to achieve the best results on different device resolutions. |
Actions | |
---|---|
onPress | The action is triggered when pressing on the image. Use IntelliSense (ctrl+space) to see the list of available actions. |
- Dynamic Data cannot save images larger than 350K. Jigx does not recommend storing images in Dynamic Data or storing images as base64 in the Dynamic Data database.
- The images can be preloaded and cached using the asset folder's images file. The images will be displayed even when you are offline. For more details, refer to Assets.