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.
<Image src="~/logo.png" stretch="none" />
<Image src="https://art.nativescript-vue.org/NativeScript-Vue-White-Green.png" stretch="none" />
App_Resources
<Image src="res://icon" stretch="none" />
base64
<Image src="data:Image/png;base64,iVBORw..." stretch="none" />
Nombre | Tipo | Descripcioón |
---|---|---|
src | String o ImageSource | Obtiene o establece el origen de una imagen, sea como URL o ImageSource |
imageSource | ImageSource | Obtiene o establece el ImageSource de una imagen. |
tintColor | Color | (Style property) Establece un color para teñir la imagen. |
stretch | Stretch | (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. |
loadMode | Obtiene 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. |
Android | iOS |
---|---|
android.widget.ImageView | UIImageView |