VRM React Native - Proof of Concept

✨ 11/24/2023 - **I've finally managed to get VRMs loaded on android. Working on a new demo here! ** ✨

Overview

A demo app that demonstrates how vrm models can be loaded in React Native. This is basically a test run before implementing into a larger project.

Main Libraries

• three.js
• three-vrm
• expo-gl
• expo-three

expo-document-picker can be used for loading models on mobile (as well as web). May add this to the demo later. Currently, models are added by drag/drop

Platforms (RN 0.71.4)

Web

Runs great with no issues - as expected.

Android

Will receive app breaking errors without manually patching React Native. After patching, there will be issues with loading the model (blob). I have listed some possible fixes below.

Potential Fixes

1. Changes to RN itself #36332
2. I think react-native-blob-jsi-helper is needed but doesn't seem to work with RN 0.71+: possible fix

iOS

I don't own a Mac so I am unable to test.