NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
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

nometipodescrição
srcString or ImageSourceObtém ou define o fonte da imagem como uma URL ou uma fonte de imagem.
imageSourceImageSourceObtém ou define a fonte da imagem.
tintColorColor(Propriedade de estilo) Define uma cor para o template das imagens.
stretchStretch(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.
loadModeObté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

AndroidiOS
android.widget.ImageViewUIImageView
Contributors