Zoomable image view based on @nativescript-community/ui-image
npm install @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
* Repo Setup
* Build
* Demos
* Contributing
* Update repo
* Update readme
* Update doc
* Publish
* modifying submodules
* Questions
[](#installation)
ns plugin add @nativescript-community/ui-zoomimage
[](#setup)
``javascript
import imageModule = require("@nativescript-community/ui-zoomimage");
//do this before creating any image view
imageModule.initialize();
`
This component directly inherint @nativescript-community/ui-image so you can find the doc [here]()
It adds a few properties
[](#demos)
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)
Demos and Development
$3
The repo uses submodules. If you did not clone with
--recursive then you need to call
`
git submodule update --init
`The package manager used to install and link dependencies must be
pnpm or yarn. npm wont work.To develop and test:
if you use
yarn then run yarn
if you use pnpm then run pnpm iInteractive Menu:
To start the interactive menu, run
npm start (or yarn start or pnpm start). This will list all of the commonly used scripts.$3
`bash
npm run build.all
`
WARNING: it seems yarn build.all wont always work (not finding binaries in node_modules/.bin) which is why the doc explicitly uses npm run$3
`bash
npm run demo.[ng|react|svelte|vue].[ios|android]npm run demo.svelte.ios # Example
`Demo setup is a bit special in the sense that if you want to modify/add demos you dont work directly in
demo-[ng|react|svelte|vue]
Instead you work in demo-snippets/[ng|react|svelte|vue]
You can start from the install.ts of each flavor to see how to register new demos
[](#contributing)
Contributing
$3
You can update the repo files quite easily
First update the submodules
`bash
npm run update
`Then commit the changes
Then update common files
`bash
npm run sync
`
Then you can run yarn|pnpm, commit changed files if any$3
`bash
npm run readme
`$3
`bash
npm run doc
`$3
The publishing is completely handled by
lerna (you can add -- --bump major to force a major release)
Simply run
`shell
npm run publish
`$3
The repo uses https:// for submodules which means you won't be able to push directly into the submodules.
One easy solution is t modify
~/.gitconfig and add
`
[url "ssh://git@github.com/"]
pushInsteadOf = https://github.com/
``
[](#questions)
If you have any questions/issues/comments please feel free to create an issue or start a conversation in the NativeScript Community Discord.