Skip to content

triniwiz/nativescript-image-zoom

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NativeScript Image Zoom

npm npm Build Status

Installation

NativeScript 7x

  • tns plugin add @triniwiz/nativescript-image-zoom

NativeScript 6<

  • tns plugin add nativescript-image-zoom
tns plugin add nativescript-image-zoom

Configuration

IMPORTANT: Make sure you include xmlns:ui="nativescript-image-zoom" on the Page element

<ui:ImageZoom src="~/images/148080.jpg" maxZoom="5" minZoom="2"/>

Angular

import { registerElement } from 'nativescript-angular/element-registry';
registerElement('ImageZoom', () => require('nativescript-image-zoom').ImageZoom);
<ImageZoom src="~/images/148080.jpg" maxZoom="5" minZoom="2"></ImageZoom>

API

Properties

Property Default Type Required Description
maxZoom 5 number
minZoom 1 number
zoomScale 1 number
IOS only
src string

ScreenShots

IOS Android
IOS Android