ImageZoom

Android Device	Android Emulator	iOS Device	iOS Simulator
✅	✅	✅	✅

Installing

    ns plugin add @triniwiz/nativescript-image-zoom

Configuration

Core

IMPORTANT

Ensure you've included xmlns:ui="@triniwiz/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('@triniwiz/nativescript-image-zoom').ImageZoom);

Vue

import { registerElement } from "nativescript-vue'";
registerElement('ImageZoom', () => require('@triniwiz/nativescript-image-zoom').ImageZoom);

React

import { registerElement } from "react-nativescript";
registerElement('ImageZoom', () => require('@triniwiz/nativescript-image-zoom').ImageZoom);

Svelte

import { registerNativeViewElement } from 'svelte-native/dom';
registerNativeViewElement('ImageZoom', () => require('@triniwiz/nativescript-image-zoom').ImageZoom);

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

API

Property	Default	Type	iOS	Android
maxZoom	5	string	✅	✅
minZoom	1	string	✅	✅
zoomScale	1	string	✅	❌
src	undefined	string	✅	✅