Element of type Image
Attribute | Description | Type |
---|---|---|
type | The type of the element | string ("image") |
src | The URL to the image. Will fetch the application's image if the URL does not start with `http(s)://`. | string |
alignment | How to align the image. | string ("bottomCenter", "bottomLeft", "bottomRight", "center", "centerLeft", "centerRight", "topCenter", "topLeft", "topRight") |
centerSlice | The center slice for a nine-patch image. | Rect |
errorPlaceholder | The error placeholder when the image encounters an error during loading. | component |
excludeFromSemantics | Whether to exclude this image from semantics. | boolean |
filterQuality | The quality of the image. | string ("high", "medium", "low", "none") |
fit | How the image should fit the parent box. | string ("contain", "cover", "fill", "fitHeight", "fitWidth", "none", "scaleDown") |
framePlaceholder | A placeholder to display while the image is loading or to add effects to the image. | component |
gaplessPlayback | Whether the old image (true) or nothing (false) is shown when the image provider changes. | boolean |
height | The image height. | number |
isAntiAlias | Whether to paint the image with anti-aliasing. | boolean |
loadingPlaceholder | A placeholder to display while the image is still loading. | component |
repeat | How the image should be repeated accross the bounds not covered by the image. | string ("noRepeat", "repeat", "repeatX", "repeatY") |
semanticLabel | A semantic description of the image. This is used for TalkBack on Android and VoiceOver on IOS. | string |
width | The image width. | number |