You are reading docs for v1.3.1, click here for the latest version.
- introduction
- getting-started
- routing
- utilities
- elements:layouts
- elements:action-bar
- elements:components
- elements:dialogs
Image
This is an overview of the most common usage of Image. For more information about the available properties, methods, or events, head over to the complete API documentation for Image.
<Image> é um componente de UI que exibe uma imagem a partir de um ImageSource ou de uma URL.
Exibindo uma imagem relativa ao diretório app
<Image src="~/logo.png" stretch="none" />Exibindo uma imagem de uma URL
<Image src="https://art.nativescript-vue.org/NativeScript-Vue-White-Green.png" stretch="none" />Exibindo uma imagem do App_Resources
<Image src="res://icon" stretch="none" />Exibindo um imagem codificada em base64
<Image src="data:Image/png;base64,iVBORw..." stretch="none" />
Propriedades
| nome | tipo | descrição |
|---|---|---|
src | String or ImageSource | Obtém ou define o fonte da imagem como uma URL ou uma fonte de imagem. |
imageSource | ImageSource | Obtém ou define a fonte da imagem. |
tintColor | Color | (Propriedade de estilo) Define uma cor para o template das imagens. |
stretch | Stretch | (Propriedade de estilo) Obtém ou define a maneira como a imagem é redimensionada para preencher o espaço alocado. Valores válidos: none, aspectFill, aspectFit ou fill.Para mais informações, veja Stretch. |
loadMode | Obtém ou define a estratégia de carregamento para as imagens no sistema de arquivos local. Valores válidos: sync ou async.Padrão: async.Para mais informações, veja loadMode. |
Componente Nativo
| Android | iOS |
|---|---|
android.widget.ImageView | UIImageView |
Contributors
