react-360 | Create amazing 360 and VR content using React | Frontend Framework library

I am trying to use a 3d object in a react360 project. I followed the steps in setup docs. Created a project with react-360 init Hello360 command and started the server with npm start.

Also, downloaded this obj model, and put it into static_assets folder. Then, put an Entity tag into index.js for displaying the object. Whole index.js is as follows.

I believe there are a bunch of questions related to this, but they are all outdated.

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

I have also tried to use a WebView (with react-360), but web views are just way too slow, doubles RAM usage, and worst of all, can't be used to render 360 pictures stored on the device.

I guess that another option would be to grab an OpenGL library and try to implement it myself, but that's probably a lot of work if there's something made already.

I am creating a a bare bones react 360 app in order to get familiar with input handling from a variety of sources. Here is the web page for the documentation Input Handling React 360. After reading the page, I can't get the input to work at all and its unclear as to why. Here is my code:

I am creating a VR application with React 360. What I am trying to do is to eventually create an application as shown here Facebook VR multi surface example. I am taking the code for that example and am trying to fit it into my application. However I'm having a problem with the following initialization of my React components.

I have the following react-360 application with the following code index.js

I am looking at react-360 and react-native code and found the following examples concerning the View component.

i have been trying for some time to set an external image over the environment. This is my index.js:

The react-360 instructions seem very clear and simple:

I had started creating a project with react-vr and had laid out the object in a spherical manner around the user. Or for example, the 3 objects had positions (1, 1, 1), (2, 2, 2) and (3, 3, 3).

style: { transform: [{ translate: [1,1,1] }] }

On moving to react-360 the same positions of the objects seem quite different. From the initial view, all three object appear to be in a straight vertical column.

1. Is there some major difference in the layout structure of the two that I've missed here?
2. Also the order of rendering of these objects differ the output that we are getting in react-360.

I want to set my camera view higher compared to a rendered view. But I don't know where I could set the intial camera position when rendering a view.

My component is mounted like this: