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からの画像を表示するUIコンポーネントです。


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

Props

名前説明
srcStringImageSource画像のソースをURLか画像へのパスの形式で取得・設定します。
imageSourceImageSource画像のソースを取得・設定します。
tintColorColor(スタイルの設定)テンプレートの画像として、画像に適応させる色を設定します。
stretchStretch(スタイルの設定)画像が余白を埋める方法を取得・設定します。
使用できる値は: noneaspectFillaspectFitfill
より詳しくはStretchを参照してください。
loadModeローカルファイル上の画像の読み込み方法を取得・設定します。
使用できる値: syncasync.
デフォルトの値: async.
より詳しくはloadModeを参照してください。

Native component

AndroidiOS
android.widget.ImageViewUIImageView
Contributors