ar-core-react-native

ARCore and ARKit for React native

Usage no npm install needed!

<script type="module">
  import arCoreReactNative from 'https://cdn.skypack.dev/ar-core-react-native';
</script>

README

ar-core-react-native

  • ar-core-react-native build from ARKit on IOS and ARCore on Android.
  • It is opensource but performance of ios and android not optimal.
  • If you want to develop AR/VR on Mobile for commercial purposes please contact me via email on github.

View

Demo in IOS

Demo in Android

Suport Object Type

In Android

  • type object 3d support is glb

In IOS

  • type object 3d support is scn, usdz, obj

Installation

npm install ar-core-react-native

Usage

import ArCoreReactNativeViewManager from "ar-core-react-native";

Add Object

import { UIManager, findNodeHandle} from 'react-native';
import ArCoreReactNativeViewManager from "ar-core-react-native";
...
<ArCoreReactNativeViewManager ref="arCoreView" />
...
// on action button or any
// you send 2 parameter
// name_object - type:string : name object in 3D view.
// path_file - type:string : path file to glb in device.
function addObject(){
    UIManager.dispatchViewManagerCommand(
        findNodeHandle(this.refs.arCoreView),
        "CMD_RUN_SET_OBJECT",
        [name_object, path_file]);
}

if you want morre object you can call function addObject() with new parameter.

Delete Object Seleted

// on action delete
function deleteObjectSeleted(){
    UIManager.dispatchViewManagerCommand(
        findNodeHandle(this.refs.arCoreView),
        "CMD_RUN_DELETE_OBJECT",
        []);
}

Example

Read example in Example

License

MIT