react-photo-view-patch

1.2.14 • Public • Published

react-photo-view

English | 中文

An exquisite React photo preview component.

Disclaimer: This project is based on React-photo-view v1.2.3 and has been modified. The only modification made is the addition of a configuration option to determine whether clicking on a photo should prevent the default browser event. No other changes have been made. If you do not require this feature or if the original project already includes this functionality, please use the original project directly.

NPM version Downloads Minified size Gzip size

example

Quick start

features

  • Support touch gestures, drag and pan physical effect sliding, two-finger specified position to zoom in and out
  • All aspects of animation connection, open and close the rebound touch edge, let the natural interaction effect
  • The image is adaptive, with a suitable initial rendering size, and adapts according to the adjustment
  • Support for custom previews like <video> or any HTML element
  • Keyboard navigation, perfect for desktop
  • Support custom node expansion, easy to achieve full-screen preview, rotation control, picture introduction and more functions
  • Based on typescript, 7KB Gzipped, supports server-side rendering
  • Simple and easy to use API, zero cost to get started

Install

yarn add react-photo-view

Basic usage:

import { PhotoProvider, PhotoView } from 'react-photo-view';
import 'react-photo-view/dist/react-photo-view.css';

function App() {
  return (
    <PhotoProvider>
      <PhotoView src="/1.jpg">
        <img src="/1-thumbnail.jpg" alt="" />
      </PhotoView>
    </PhotoProvider>
  );
}

License

Apache-2.0 © MinJieLiu

Readme

Keywords

none

Package Sidebar

Install

npm i react-photo-view-patch

Weekly Downloads

0

Version

1.2.14

License

Apache-2.0

Unpacked Size

383 kB

Total Files

49

Last publish

Collaborators

  • weijunext