React Native 360 / Panorama Viewer


Cristiano Coelho

I'm sure there are many questions related to this, but they are all outdated.

I'm looking for a way to render a Panorama/360 image viewer in React Native. So far, all the libraries that have tried to use the Google VR SDK are outdated or broken and not usable at all.

I've also tried using a WebView (with react-360), but the webview is too slow, doubles the RAM usage, and worst of all, can't be used to render the 360 ​​images stored on the device.

I guess another option would be to grab an OpenGL library and try to implement it yourself, but that could be a lot of work if some work has already been done.

Roddy Miller

We recently released the panorama viewer we use in our app. Hope it helps you. @lightbase/react-native-panorama-view

Related


Is there a way to tell if the video is 360 or panorama?

dreamers organization For a project I'm working on, I'll need to automatically determine if the video is a VR (360) video, and if so, which format. Is there any way to say it? I was thinking about metadata, but couldn't find any info on this. Kirzstov Bocholko

React-Native image viewer with zoom and swipe

Waze I have a series of images in Swiper that I can swipe through and when I click on them it opens in a modal (using Lightbox). However, Lightbox doesn't have the ability to zoom out or zoom out. So im looking for a solution. I already have a swipe, but when

react-native-file-viewer doesn't work in my app

ED I try to use react-native-file-viewer in my app to view à pdf file. I have imported the lib like this:import FileViewer from 'react-native-file-viewer'; And I have à function: getPdf(){ const path = '../images/Charte.pdf'; FileViewer.open(pa

react-native-file-viewer doesn't work in my app

ED I try to use react-native-file-viewer in my app to view à pdf file. I have imported the lib like this:import FileViewer from 'react-native-file-viewer'; And I have à function: getPdf(){ const path = '../images/Charte.pdf'; FileViewer.open(pa

Three.js: Image ripple in panorama viewer

growing season Currently, I'm getting familiar with three.js and created a simple panorama viewer: http://webentwicklung.ulrichbangert.de/threejs-image-on-sphere-inside.html Unfortunately, the vertical edges of the pillars are corrugated of. Everything works f

Custom BIM360 Viewer?

Yang Dihan| I'm trying to customize the viewer used in BIM360, such as adding more buttons and custom features so that my team can directly open the model and use my features through BIM360's default viewer. (I've used these functions in a separate viewer envi

How to create a 360 degree panorama image in Gatsby/React?

Wang Wang | I'm trying to understand how to create a basic 360 degree panorama image in react/gatsbyjs where the user can scroll the image horizontally infinitely. This is the result I want to achieve: sample I can easily achieve this result with the help of a

Is there a way to tell if the video is 360 or panorama?

dreamers organization For a project I'm working on, I'll need to automatically determine if the video is a VR (360) video, and if so, which format. Is there any way to say it? I was thinking about metadata, but couldn't find any info on this. Kirzstov Bocholko

Is there a way to tell if the video is 360 or panorama?

dreamers organization For a project I'm working on, I'll need to automatically determine if the video is a VR (360) video, and if so, which format. Is there any way to say it? I was thinking about metadata, but couldn't find any info on this. Kirzstov Bocholko

React-Native image viewer with zoom and swipe

Waze I have a series of images in Swiper that I can swipe through and when I click on them it opens in a modal (using Lightbox). However, Lightbox doesn't have the ability to zoom out or zoom out. So im looking for a solution. I already have a swipe, but when

React-Native image viewer with zoom and swipe

Waze I have a series of images in Swiper that I can swipe through and when I click on them it opens in a modal (using Lightbox). However, Lightbox doesn't have the ability to zoom out or zoom out. So im looking for a solution. I already have a swipe, but when

react-native-file-viewer doesn't work in my app

ED I try to use react-native-file-viewer in my app to view à pdf file. I have imported the lib like this:import FileViewer from 'react-native-file-viewer'; And I have à function: getPdf(){ const path = '../images/Charte.pdf'; FileViewer.open(pa

Is there a way to tell if the video is 360 or panorama?

dreamers organization For a project I'm working on, I'll need to automatically determine if the video is a VR (360) video, and if so, which format. Is there any way to say it? I was thinking about metadata, but couldn't find any info on this. Kirzstov Bocholko

React-Native Image Viewer?

ballroom I've been looking for a component in React Native that can display multiple images in fullscreen mode that the user can dismiss by swiping, pinch and zoom, and swipe down. It looks like this would be a welcome component, but I can't find anything that

React Native 360 / Panorama Viewer

Cristiano Coelho I'm sure there are many questions related to this, but they are all outdated. I'm looking for a way to render a Panorama/360 image viewer in React Native. So far, all the libraries that have tried to use the Google VR SDK are outdated or broke

Back button event listener with react-native-image-zoom-viewer

Theo Laver I'm trying to use the plugin react-native-image-zoom-viewer to display image previews, I want to achieve the simple goal of closing the modal when the user clicks the Android back button. However, the handler function closeModalis not fired when cli

React Native 360 / Panorama Viewer

Cristiano Coelho I'm sure there are many questions related to this, but they are all outdated. I'm looking for a way to render a Panorama/360 image viewer in React Native. So far, all the libraries that have tried to use the Google VR SDK are outdated or broke

Panorama 360 Viewer with phonegap

Gaston I read a lot of answers but I don't know if this is correct. Almost all mobile browsers don't support WEBGL, just the latest ones. Almost any script, library or plugin is available for FLASH or WEBGL. I've seen and read a lot of your documentation, but

How to Create Panorama 360 Views in Android

Ajay Prasad Is it possible to use Panorama 360 View in iOS, also in Android? Can anyone let me know how to create Panorama 360 view in android. Harveys Rush Features that you must see supported in the 0.2 beta of the PanaromaGl library for Android include: SDK

How to Create Panorama 360 Views in Android

Ajay Prasad Is it possible to use Panorama 360 View in iOS, also in Android? Can anyone let me know how to create Panorama 360 view in android. Harveys Rush Features that you must see supported in the 0.2 beta of the PanaromaGl library for Android include: SDK

Center panorama that moves 360 degrees

pet I have a 360 degree image and want to move it horizontally by x degrees in C#. Here is an example: This is the result I want to get: Not sure where to start - should it be "sliced" into 360 and redrawn, or is there some other C# way to move the image this

Is there a way to tell if the video is 360 or panorama?

dreamers organization For a project I'm working on, I'll need to automatically determine if the video is a VR (360) video, and if so, which format. Is there any way to say it? I was thinking about metadata, but couldn't find any info on this. Kirzstov Bocholko

Is there a way to tell if the video is 360 or panorama?

dreamers organization For a project I'm working on, I'll need to automatically determine if the video is a VR (360) video, and if so, which format. Is there any way to say it? I was thinking about metadata, but couldn't find any info on this. Kirzstov Bocholko

React Native 360 / Panorama Viewer

Cristiano Coelho I'm sure there are many questions related to this, but they are all outdated. I'm looking for a way to render a Panorama/360 image viewer in React Native. So far, all the libraries that have tried to use the Google VR SDK are outdated or broke

React-Native image viewer with zoom and swipe

Waze I have a series of images in Swiper that I can swipe through and when I click on them it opens in a modal (using Lightbox). However, Lightbox doesn't have the ability to zoom out or zoom out. So im looking for a solution. I already have a swipe, but when

How to create a 360 degree panorama image in Gatsby/React?

Wang Wang | I'm trying to understand how to create a basic 360 degree panorama image in react/gatsbyjs where the user can scroll the image horizontally infinitely. This is the result I want to achieve: sample I can easily achieve this result with the help of a

Custom BIM360 Viewer?

Yang Dihan| I'm trying to customize the viewer used in BIM360, such as adding more buttons and custom features, so that my team can directly open the model and use my features through BIM360's default viewer. (I've used these functions in a separate viewer env

How to Create Panorama 360 Views in Android

Ajay Prasad Is it possible to use Panorama 360 View in iOS, also in Android? Can anyone let me know how to create Panorama 360 view in android. Harveys Rush Features that you must see supported in the 0.2 beta of the PanaromaGl library for Android include: SDK

Center panorama that moves 360 degrees

pet I have a 360 degree image and want to move it horizontally by x degrees in C#. Here is an example: This is the result I want to get: Not sure where to start - should it be "sliced" into 360 and redrawn, or is there some other C# way to move the image this