- Version: 4.3.2
- GitHub: https://github.com/nativescript-community/ui-image
- Downloads:
- Last Day: 36
- Last Week: 42
- Last Month: 229
@nativescript-community/ui-zoomimage
Zoomable image view based on @nativescript-community/ui-image
![]() |
![]() |
---|---|
iOS Demo | Android Demo |
Table of Contents
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.