react-native-simple-image-viewer

한국어 | English

react-native-simple-image-viewer

Before Installation

현재 프로젝트를 사용하기 위해, 다음의 디펜던시들의 설치 및 설정이 먼저 필요 합니다.

  react-native-reanimated
  react-native-gesture-handler
  react-native-modal

Installation

npm install react-native-simple-image-viewer

Now we need to install react-native-gesture-handler and react-native-reanimated(>=2.0.0).

Usage

• Support Pan or Pinch Image
• Double Taps to rollback origin image size
• Small previewing navigation for images.

import { SimpleImageViewer } from "react-native-simple-image-viewer";
const MyImageView = (isVisible : boolean) => {
  //...
  return (
    <SimpleImageViewer
      imageUri={{ uri: 'https://via.placeholder.com/2048/18A6F6' }}
      isVisible={true}
    />
  )
}

Properties

Name	Description	Default
Header	Title	Here's this
Paragraph	Text	And more

Dependence

Depend on

• react-native-modal ^13.X : https://github.com/react-native-modal/react-native-modal
• react-native-reanimated ^2.X : https://github.com/software-mansion/react-native-reanimated
• react-native-gesture-handler ^2.X : https://github.com/software-mansion/react-native-gesture-handler

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT