npm i --save nativescript-image-zoom
- Version: 3.0.3
- GitHub:
- NPM: https://www.npmjs.com/package/nativescript-image-zoom
- Downloads:
- Last Day: 0
- Last Week: 0
- Last Month: 0
NativeScript Image Zoom
Installation
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 |
---|---|