NativeScript Image Zoom
为 NativeScript 优化的可缩放 ImageView
npm i --save nativescript-image-zoom

NativeScript Image Zoom

npm npm Build Status

安装

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>

API

属性

属性 默认值 类型 必需 描述
maxZoom 5 数字
  • - [ ]
minZoom 1 数字
  • - [ ]
zoomScale 1 数字
  • - [ ]
仅限 iOS
src 字符串
  • - [x]

屏幕截图

iOS Android
IOS Android