如何在React Native中设置图像放大单击或笔响应

时间:2018-08-08 07:56:32

标签: react-native image-processing

我试图在我的应用程序中添加图像缩放/缩小,但是问题是当我将要实现画笔控制器时,它会起作用/但是我尝试使用onPress方法进行放大和缩小时它不起作用

<DoubleClick onPress={() => this.handleClick()}>
    <ZoomableImage source={{uri: 'https://i.pinimg.com/736x/b7/b2/39/b7b2394dbd5b13707100546ad3bd4bda--st-michael-poster.jpg',width: 100,height: 100,}}/>
</DoubleClick>

我尝试双击开发人员,图像将为“缩放”,然后使用平移来进一步放大。

1 个答案:

答案 0 :(得分:0)

我将为此react-native-photo-view

提供解决方案
import PhotoView from 'react-native-photo-view';

<PhotoView
      source={{uri: 'https://cdn.freebiesupply.com/logos/large/2x/react-1-logo-png-transparent.png'}}
      minimumZoomScale={0.5}
      maximumZoomScale={3}
      androidScaleType="fitCenter"
      style={{width: '100%', height: '100%'}}/>