图像 - NativeScript-Vue 中文

<Image> 是一个 UI 组件，它显示来自 ImageSource 或 URL 的图像。

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

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

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

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

在 NativeScript-Vue 中，.decode 用于解析包含 HTML 实体的属性。

<Image src.decode="font://&#xf004;" class="fas" />

属性

名称	类型	描述
`src`	`String` 或 `ImageSource`	获取或设置图像的源作为 URL 或图像源。如果您在 {N} 6.2 中使用新的 font:// 图标协议，请确保将 .decode 添加到属性名称 - 例如 `src.decode="font://"`
`imageSource`	`ImageSource`	获取或设置图像的图像源。
`tintColor`	`颜色`	(样式属性) 设置颜色以对模板图像进行着色。
`stretch`	`拉伸`	(样式属性) 获取或设置图像调整大小以填充其分配空间的方式。有效值：`none`、`aspectFill`、`aspectFit` 或 `fill`。有关更多信息，请参阅 Stretch。
`loadMode`		获取或设置本地文件系统上图像的加载策略。有效值：`sync` 或 `async`。默认值：`async`。有关更多信息，请参阅 loadMode。

Android	iOS
`android.widget.ImageView`	`UIImageView`