React-native-image-viewer: 如何实现双击放大呢？

[luojf945]

就像微信朋友圈里面图片预览一样的效果，双击是图片放大

[ascoders]

这个功能还没有做，很需要的话我就加上呗

[xuanheScript]

@ascoders 那就麻烦加上吧 👍

[ascoders]

行，这周略忙，尽量下周一之前加上

[ascoders]

15 似乎有同学正在加

[simman]

@ascoders , 我看你的另一个 https://github.com/ascoders/react-native-image-zoom/blob/master/image-zoom/image-zoom.component.tsx#L106 有实现, 为啥注释掉了

[ascoders]

这块儿还没想好怎么实现比较方便，最近太忙啦

[aijason]

@ascoders 双击放大图片的效果怎么实现呢，现在想做

[dongodngtang]

我也在做双击放大，需要点技术支持。我看了你的代码有写但注释点了，我尝试了一下，没有成功。没找到思路

[ascoders]

技术人员期待挑战嘛，我把这块实现留着没有做，期待pr！

[folyred]

拖了大半年了，请尽快实现哦，另外我建议提供一个onLongPress接口，让使用者自己定义长按事件

[folyred]

其实不用完整实现，可以对外暴露一个设置缩放scale的接口，借助onDoubleClick事件，设置scale值即可。

[ascoders]

@folyred 感谢提醒，双击功能已经完成，见 [email protected]。

[folyred]

已经升级到新版，并实现，再次感谢分享

[aijason]

怎么使用

[ascoders]

@aijason 直接升级即可，不需要额外配置，默认额外支持了双击放大功能。

[aijason]

点击图片，是否显示全屏观看时，是控制Modal的visiable属性为true或false就可以是吗

[aijason]

<Modal visible={true} transparent={true}> <ImageViewer imageUrls={images}/> </Modal>

[ascoders]

是的

[aijason]

<Modal visible={this.state.isShowBigImg} transparent={true}> <ImageViewer imageUrls={this.BigImgUrl} index={this.state.firstShowIndex} onClick={()=>{ this.setState({isShowBigImg:false}) }} /> </Modal>
我这样子处理的话，双击就没效果了，因为单击时会退出大图观看模式，要怎么处理，才能单击既能退出，双击又能放大呢？

[aijason]

@ascoders

[aijason]

还有一个问题就是 ，怎么处理虚拟键盘返回也能退出大图浏览的模式。

[ascoders]

@aijason 虚拟键盘通过外部控制，把visible设置为false，这个组件不关心虚拟键盘的。
本来就能单击退出呀，把onClick去掉试试呢

[aijason]

我把onClick去掉，单击不能退出，因为visiable的值还是true，还是大图模式。双击放大是有效果的。

[aijason]

如果我在单击onclick处理this.setState({isShowBigImg:false})设置visiable为false，双击就没效果，因为单击已经退出了。

[aijason]

@ascoders