Using react-three-fiber and react-three-drei with React Native CLI

[AksharPrajapati03]

I'm interested in using react-three-fiber and react-three-drei libraries to create 3D and VR experiences in my React Native project built with the React Native CLI. I've noticed that these libraries are commonly used in web-based React applications and Expo projects, but I'm wondering if it's possible to use them with a non-Expo React Native project created using the React Native CLI.

Specifically, I'd like to know:

1. Is it feasible to integrate react-three-fiber and react-three-drei into a React Native project that's set up using the React Native CLI?
2. What are the steps and considerations I need to keep in mind when setting up react-three-fiber and react-three-drei in a non-Expo React Native project?
3. Are there any limitations or challenges that I should be aware of when using these libraries in a non-Expo React Native environment?
4. How do I manage native modules and linking when integrating Three.js-related libraries in a non-Expo React Native project?
5. I've seen discussions about using these libraries with Expo and web-based React applications, but I'm specifically interested in their compatibility with non-Expo React Native projects. Any insights, advice, or guidance on this topic would be greatly appreciated.

Thank you in advance for your help!

[darimuhittinhey]

Same issue.

[gulsher7]

+1

[CodyJasonBennett]

Have you read the react-native installation instructions? It covers both Expo and RN CLI setup, the latter needs further setup to facilitate expo modules which is otherwise standalone. This is for expo-gl which we use to implement an OpenGL rendering context and surface.

Some challenges atm regardless of method is that react-native doesn't implement many low-level APIs that are critical to graphics APIs (namely arraybuffer, blob, bitmaps -- #1972), so you may need to patch react-native or parts of the JS ecosystem.