一款精致的 React 图片预览组件

#1

https://github.com/MinJieLiu/react-photo-view






  1. 支持左右切换导航、上/下滑关闭、双击放大/缩小、双指放大/缩小/平移、键盘导航/关闭、点击切换控件等
  2. 打开/关闭缩放动画
  3. 自适应图像适应
  4. 支持桌面端(兼容 IE10+)/移动端
  5. 轻量的体积
  6. 高度的扩展性
  7. 支持服务端渲染
  8. 基于 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 :kissing_smiling_eyes: