React native example

[banjianpan]

Hi everyone!! I'm really new to react native and have been looking for different ways I could incorporate 3d shapes into my react native app. I stumbled upon this package and thought that this was a viable option. Most of the example code that I saw seemed to all be for browsers, and I couldn't find any for a react native app. Can someone show an example of how to use this package in the scope of react native?

[drcmda]

click receipes.md on the github repo, it shows you how to do it. all these examples you saw can run natively (openGLES) on IOS and Android via react-native.

[banjianpan]

Okay so I took a look into the recipes.md folder and setup my react native project using expo. I'm currently trying to use the viewcube example here: https://github.com/react-spring/react-three-fiber/blob/master/examples/src/demos/dev/Viewcube.js but it doesn't seem to work. I get this error:

I have the same code from the example, so I don't know what is causing the error

[Fasani]

Have you had a more simple example working? Or this was the first one that failed? I would scale it back to an even more simple demo.

I believe the normal orbit-controls would not work on React Native so you might need to swap it with this one perhaps... https://github.com/EvanBacon/expo-three-orbit-controls

[banjianpan]

So this was the first one I tried, I though this example would be relatively simple since it sounded like it was only a cube. Which example would be the simplest to get things running?

[Fasani]

I would try the on on the readme.md

[banjianpan]

I just tried the example on the readme.md, and it doesn't work for react native. I think that code works on the web though. The current trouble that I have is that there really isn't any examples in regards to react native. I think most of the example code is for web

[banjianpan]

Are there any tutorial or guides that are geared specifically for react native that you guys have? I have been able to create a simple sphere, but I don't think I have a firm grasp on anything else such as dynamically adding spheres to the scene with a push of a button. It would be really helpful if there were more guides geared towards react native

[drcmda]

Expo has an official demo, the one with the two spinning cubes. Threejs examples jsm has dom stuff in it, most of it is not compatible with RN, loaders, controls, etc. Expo offers forks for these things.

I just saw this https://twitter.com/mironcatalin/status/1275911421365288960?s=19 so the expo boilerplate seems to work alright.