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> es un componente de UI que permite mostrar una imagen a partir de un ImageSource o de una URL.


Mostrando una imagen relativa al directorio de la aplicación

<Image src="~/logo.png" stretch="none" />

Mostrando una imagen desde una URL

<Image src="https://art.nativescript-vue.org/NativeScript-Vue-White-Green.png" stretch="none" />

Mostrando una imagen desde App_Resources

<Image src="res://icon" stretch="none" />

Mostrando una imagen en formato base64

<Image src="data:Image/png;base64,iVBORw..." stretch="none" />

Propiedades

NombreTipoDescripcioón
srcString o ImageSourceObtiene o establece el origen de una imagen, sea como URL o ImageSource
imageSourceImageSourceObtiene o establece el ImageSource de una imagen.
tintColorColor(Style property) Establece un color para teñir la imagen.
stretchStretch(Style property) Obtiene o establece la forma en la que la imagen se acomoda para rellenar el elemento que la contiene.
Posibles valores: none, aspectFill, aspectFit, o fill.
Para mas información, puedes ver Stretch.
loadModeObtiene o establece la estrategia de carga para imágenes en el sistema de archivos local.
Posibles valores: sync o async.
Valor por defecto: async.
Para mas información, puedes ver loadMode.

Componente nativo

AndroidiOS
android.widget.ImageViewUIImageView
Contributors