Awesome
NativeScript Image Zoom
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 | <ul><li>- [ ] </li></ul> | |
| minZoom | 1 | number | <ul><li>- [ ] </li></ul> | |
| zoomScale | 1 | number | <ul><li>- [ ] </li></ul> | IOS only |
| src | string | <ul><li>- [x] </li></ul> |
ScreenShots
| IOS | Android |
|---|---|
 |  |