react-native-single-zoom-image

为图片（Image）组件添加了移动、缩放、旋转功能；

Preview

使用 Demo

import React from 'react'
import { Image, View } from 'react-native'
import ZoomImage from '../components/ZoomImage'

export default function ZoomImageExample() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <ZoomImage source={require('../../../../XMKOH81.jpg')} width={300} height={300} />
    </View>
  )
}

Props

| Props | type | description | required | default | | ------------- | -------- | ------------------------------------------------------------ | -------- | ------- | | source | any | 同 Image 的source | Yes | | | width | number | 图片初始的宽 | No | | | height | number | 图片初始的高 | No | | | style | object | 样式 | No | | | canRotate | bool | 能否旋转 | | | | canZoom | bool | 能否缩放 | | | | onHandleTouch | function | 外部处理当前图片是否正处理手势操作状态（是：true；否：false） | | |