NativeScript/tests/app/ui/image/image.md

nav-title, title, environment, description, previous_url

nav-title	title	environment	description	previous_url
Image How-To	image	nativescript	Examples for using Image	/ApiReference/ui/image/HOW-TO

Image

Using an image requires the Image module to be loaded. {%snippet img-require%}

Binding the image source property to a view-model property.

<Page>
  <StackLayout>
     <!--Bind the image source property to view-model property -->
     {%raw%}<Image src="{{ thumbnailImageUrl }}" />{%endraw%}
     <!--Load form image from application -->
     <Image src="~/logo.png" stretch ="none" / > 
     <!--Load form image resource -->
     <Image src="res://logo.png" stretch ="none" / > 
     <!--Load form image URL-->
     <Image src="http://www.google.com/images/errors/logo_sm_2.png" stretch ="none" /> 
  </StackLayout>
</Page>

Creating an image and setting its source

{%snippet img-create%}

Creating an image and setting its src

{%snippet img-create-src%}

Creating an image and setting its src to a file within the application

{%snippet img-create-local%}

Creating an image and setting its src to Data URI

{%snippet img-create-datauri%}

Setting image stretching

{%snippet img-set-stretch%}