https://github.com/MinJieLiu/react-photo-view
- 支持左右切换导航、上/下滑关闭、双击放大/缩小、双指放大/缩小/平移、键盘导航/关闭、点击切换控件等
- 打开/关闭缩放动画
- 自适应图像适应
- 支持桌面端(兼容 IE10+)/移动端
- 轻量的体积
- 高度的扩展性
- 支持服务端渲染
- 基于
typescript
友好的语法提示
使用方式超简单
import { PhotoProvider, PhotoConsumer } from 'react-photo-view';
import 'react-photo-view/dist/index.css';
function ImageView() {
return (
<PhotoProvider>
{photoImages.map((item, index) => (
<PhotoConsumer key={index} src={item} intro={item}>
<img src={item} alt="" />
</PhotoConsumer>
))}
</PhotoProvider>
);
}
喜欢就帮忙点个 star