NativeScript Image Zoom

安装

NativeScript 7+

tns plugin add @happones/nativescript-image-zoom

NativeScript > 7

tns plugin add nativescript-image-zoom

配置

重要：确保在 Page 元素中包含 xmlns:ui="nativescript-image-zoom"

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

Angular

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

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

Vue

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

Vue.use(ImageZoomPlugin);

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

API

属性

屏幕截图

iOS	Android