这是一个创建于 1768 天前的主题，其中的信息可能已经有所发展或是发生改变。
特性
- 支持左右切换导航、上 /下滑关闭、双击放大 /缩小、双指放大 /缩小 /平移、键盘导航 /关闭、点击切换控件等
- 打开 /关闭缩放动画
- 自适应图像适应
- 支持桌面端（兼容 IE10+）/移动端
- 支持服务端渲染
- 基于 Typescript
最重要的还是 Demo: http://minjieliu.gitee.io/react-photo-view/ gitee 国内快
手机端和桌面端都可以体验，不过桌面端感觉不太违和，后期会加上一些导航控件。
虽然没有写测试，但用在生产环境有一段时间了，有时间后期可以补上。
其实在写这个组件的时候已经对比过好几个插件，很多都是原生 js 写的，用在 React 中感觉不太友好，其他 React 的图片预览细节又不太完善，于是肝了许久，搞出一个😂。其主要难点就是在图片位置触摸控制上，要想体验好，细节就要多。
滑动减速目前使用 css 动画过渡，还可以再优化下，用物理阻尼运动公式实现体验更自然。
Github
https://github.com/MinJieLiu/react-photo-view 喜欢就帮忙点个 Star! 谢谢😊
 |
1
newbieRenew 2020-01-02 22:25:50 +08:00 via iPhone
挺好的，就是滑动关闭时背景会闪一下。好像是因为拖动到边缘会将背景色调成透明 0->1，关闭时又会从 1->0。
|
|
2
newbieRenew 2020-01-02 22:27:20 +08:00 via iPhone
1->0，关闭时又会从 1->0。
|
 |
3
ewqazxc 2020-01-02 22:36:23 +08:00
这个缩小是指放大后再缩小？
|
 |
4
mayne95 2020-01-03 03:45:48 +08:00 via iPad
之前有这个需求，找了一圈发现没几个好用的轮子。试了一下楼主这个，体验还不错，爱了爱了👍
|
 |
5
sunwang 2020-01-03 09:00:37 +08:00
小小的组件东西真不少，细节处理的很好，赞！
|
 |
6
liumingyi1 OP 1 -> 0 这个记下了，后面会修复
|
 |
7
greatghoul 2020-01-05 09:20:25 +08:00
做的相当好，最近刚好有需求，收了。
|
 |
8
hua123s 2020-03-10 18:23:15 +08:00
小小的东西 细节真多，这源码看的头疼 2333
|
|
9
hua123s 2020-03-10 18:25:49 +08:00
this.onMove = throttle(this.onMove, 8); 请问为什么这里设置是 8 ？其中有什么原因？
|
|
10
liumingyi1 OP @hua123s 图个吉利，因为不能超 16
|
Select Language