特性
- 支持左右切换导航、上 /下滑关闭、双击放大 /缩小、双指放大 /缩小 /平移、键盘导航 /关闭、点击切换控件等
- 打开 /关闭缩放动画
- 自适应图像适应
- 支持桌面端(兼容 IE10+)/移动端
- 支持服务端渲染
- 基于 Typescript
最重要的还是 Demo: http://minjieliu.gitee.io/react-photo-view/ gitee 国内快
手机端和桌面端都可以体验,不过桌面端感觉不太违和,后期会加上一些导航控件。
虽然没有写测试,但用在生产环境有一段时间了,有时间后期可以补上。
其实在写这个组件的时候已经对比过好几个插件,很多都是原生 js 写的,用在 React 中感觉不太友好,其他 React 的图片预览细节又不太完善,于是肝了许久,搞出一个😂。其主要难点就是在图片位置触摸控制上,要想体验好,细节就要多。
滑动减速目前使用 css 动画过渡,还可以再优化下,用物理阻尼运动公式实现体验更自然。
Github
https://github.com/MinJieLiu/react-photo-view 喜欢就帮忙点个 Star! 谢谢😊
