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> - визуальный компонент, отображающий изображение из ImageSource или из URL.


Показ изображения из папки app

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

Показ изображения из URL

<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" />

Свойства

ИмяТипОписание
srcString или ImageSourceПолучает или задает источник для изображения как URL или путь (ор. image source).
imageSourceImageSourceПолучает или задает источник для изображения.
tintColorColor(свойство стиля (Style property)) Устанавливает цвет для оттенка изображения.
stretchStretch(свойство стиля (Style property)) Получает или задает способ изменения размера изображения для заполнения доступного пространства.
Возможные значения: none, aspectFill, aspectFit или fill.
Для более подробной информации ознакомьтесь с Stretch.
loadModeПолучает или задает стратегию загрузки изображений из локальной файловой системы.
Возможные значения: sync или async.
Значение по умолчанию: async.
Для более детальной информации смотрите loadMode.

Нативный компонент

AndroidiOS
android.widget.ImageViewUIImageView
Contributors