@nativescript-community/ui-zoomimage

Zoomable image view based on @nativescript-community/ui-image

iOS Demo	Android Demo

Table of Contents

• Installation
• setup
• Demos
• Demos and Development
  • Setup
  • Build
  • Demos
• Questions

Installation

Run the following command from the root of your project:

ns plugin add @nativescript-community/ui-zoomimage

setup

import imageModule = require("@nativescript-community/ui-zoomimage");

//do this before creating any image view
imageModule.initialize({ isDownsampleEnabled: true });

This component directly inherint @nativescript-community/ui-image so you can find the doc here

It adds a few properties

Demos

This repository includes Angular, Vue.js demos. In order to run these execute the following in your shell:

$ git clone https://github.com/@nativescript-community/ui-image
$ cd ui-image
$ npm i
$ npm run setup
$ npm run build # && npm run build.angular
$ cd demo-ng # or demo-vue or demo-svelte
$ ns run ios|android

Demos and Development

Setup

To run the demos, you must clone this repo recursively.

git clone https://github.com/@nativescript-community/ui-zoomimage.git --recursive

Install Dependencies:

npm i # or 'yarn install' or 'pnpm install'

Interactive Menu:

To start the interactive menu, run npm start (or yarn start or pnpm start). This will list all of the commonly used scripts.

Build

npm run build

npm run build.angular # or for Angular

Demos

npm run demo.[ng|react|svelte|vue].[ios|android]

npm run demo.svelte.ios # Example

Questions

If you have any questions/issues/comments please feel free to create an issue or start a conversation in the NativeScript Community Discord.