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> - визуальный компонент, отображающий изображение из 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" />
Свойства
| Имя | Тип | Описание |
|---|---|---|
src | String или ImageSource | Получает или задает источник для изображения как URL или путь (ор. image source). |
imageSource | ImageSource | Получает или задает источник для изображения. |
tintColor | Color | (свойство стиля (Style property)) Устанавливает цвет для оттенка изображения. |
stretch | Stretch | (свойство стиля (Style property)) Получает или задает способ изменения размера изображения для заполнения доступного пространства. Возможные значения: none, aspectFill, aspectFit или fill.Для более подробной информации ознакомьтесь с Stretch. |
loadMode | Получает или задает стратегию загрузки изображений из локальной файловой системы. Возможные значения: sync или async.Значение по умолчанию: async.Для более детальной информации смотрите loadMode. |
Нативный компонент
| Android | iOS |
|---|---|
android.widget.ImageView | UIImageView |
Contributors
