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: about 2 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 5 years ago)
• Default Branch: master
• Last Pushed: 2025-05-07T11:28:39.000Z (6 months ago)
• Last Synced: 2025-08-05T16:09:50.989Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 22.7 MB
• Stars: 59
• Watchers: 1
• Forks: 11
• Open Issues: 23
• 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