Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ar-core-react-native

sin-tag192MIT1.2.4TypeScript support: included

ARCore and ARKit for React native

react-native, ios, android, gltf, obj, arcore, arkit, 3d, ar, vr, virtual 3d, virtual reality, Augmented Reality, augmentedreality, Augmented, reality, ar in mobile

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