open-index/open-npm huggingface dataset:
npm package: @happones/nativescript-image-zoom
Description: Zoom enabled ImageView for NativeScript
Author: Omar Hernandez
Latest version: 4.0.2

# NativeScript Image Zoom

[![npm](https://img.shields.io/npm/v/@happones/nativescript-image-zoom.svg)](https://www.npmjs.com/package/@happones/nativescript-image-zoom)
[![npm](https://img.shields.io/npm/dt/@happones/nativescript-image-zoom.svg?label=npm%20downloads)](https://www.npmjs.com/package/@happones/nativescript-image-zoom)

## Installation

NativeScript 7+:


```
tns plugin add @happones/nativescript-image-zoom
```

NativeScript > 7:

```
tns plugin add nativescript-image-zoom
```

# Configuration

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

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

#### Angular

```ts
import { registerElement } from 'nativescript-angular/element-registry';
registerElement('ImageZoom', () => require('nativescript-image-zoom').ImageZoom);
```

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

#### Vue

```ts
import ImageZoomPlugin from '@happones/nativescript-image-zoom/vue';

Vue.use(ImageZoomPlugin);
```

```xml
<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|
| --- | ---|
|![IOS](https://i.imgur.com/XDBYVdWh.gif) | ![Android](https://i.imgur.com/UL20npqh.gif)|