AR in React Native

This minimal project example demonstrates how a Unity AR app that uses posemesh can be integrated into a React Native project. The process of adding a posemesh AR feature to an existing iOS or Android app built with another development stack will be similar.

We'll go over how the project was created, the folder structure, some of the code.

Before you begin

There are a few things you need to do before getting started with this project:

  1. Set up your development environment by following the steps in the Posemesh SDK's Quickstart guide.
  2. Create and set up a domain in a physical location.
  3. Download this repo (the React Native project).
  4. Download the Unity component of this project (^tutorial/posemesh-react-native^ branch) and replace ^YOUR_APP_KEY^ and ^YOUR_APP_SECRET^ in ^Assets/Scripts/PersistentARinDomain.cs^ with your own credentials.

^test^

Unity & package versions

  • Unity 2022.3.16f1
  • Auki Labs ARFoundation Integration v0.6.42
  • Auki Labs Ceres Module v0.0.4
  • Auki Labs ConjureKit v0.6.82
  • Auki Labs ConjureKit Ark module v0.6.14
  • Auki Labs ConjureKit Manna module v0.6.98
  • AR Foundation v5.1.4
  • Apple ARKit XR Plugin v5.1.4 (for iOS)
1 hour
Difficulty:
Experienced

Need a refresher on real world web essentials?

Check out more content, examples, and reading material at the developer center homepage.

Want to build on the real world web and need a helping hand?

Apply for a hacker residency to work with us at our lab in Hong Kong.

We also offer grants of AUKI tokens to get your project off the ground and out to the market. Successful applicants may be granted up to 100k USD worth of AUKI tokens, as well as development, fundraising, and marketing support from the Auki team.