https://github.com/phuochau/react-native-360-image-viewer

Inspired by https://github.com/scaleflex/js-cloudimage-360-view. This is the 360 degrees simulation from multiple images for React Native
https://github.com/phuochau/react-native-360-image-viewer

Last synced: 3 months ago
JSON representation

Inspired by https://github.com/scaleflex/js-cloudimage-360-view. This is the 360 degrees simulation from multiple images for React Native

• Host: GitHub
• URL: https://github.com/phuochau/react-native-360-image-viewer
• Owner: phuochau
• License: mit
• Created: 2020-06-29T15:21:10.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T10:16:53.000Z (about 2 years ago)
• Last Synced: 2024-04-14T07:21:33.214Z (9 months ago)
• Language: Java
• Homepage:
• Size: 22.5 MB
• Stars: 53
• Watchers: 2
• Forks: 10
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-360-image-viewer ★100 - The component helps to simulate 360 degrees image from multiple images. (Components / UI)
• awesome-react-native - react-native-360-image-viewer ★100 - The component helps to simulate 360 degrees image from multiple images. (Components / UI)

README

        
react-native-360-image-viewer

===

Inspired by [https://github.com/scaleflex/js-cloudimage-360-view](https://github.com/scaleflex/js-cloudimage-360-view)

![Sample](example/example.gif)

Images credit: [https://www.cloudimage.io/](https://www.cloudimage.io/)

## Installation

```bash

yarn add @hauvo/react-native-360-image-viewer

or

npm install @hauvo/react-native-360-image-viewer --save

```

Please file an issue if you have any trouble!

## Usage

See [https://github.com/phuochau/react-native-360-image-viewer/blob/master/example/App.js](https://github.com/phuochau/react-native-360-image-viewer/blob/master/example/App.js)

## Properties

option | Info

------ | ----

srcset | Array of images. The image index should follow the ascending rotation. If you provide more images, the animation will be smoother. 

width | Width of image 

height | height of image 

## License

MIT