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.

Est. Duration:
1 hour
Difficulty:
Experienced

Lesson description

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)
Est. Duration:
1 hour
Difficulty:
Experienced

Need a refresher on the essentials?

Check out more lessons, DIY kits and essentials reading material at the developer learning centre homepage.

Want to build on the posemesh and need a helping hand?

Apply for a grant of AUKI tokens to get your project off the ground, and work directly with the Auki Labs team to get your creation to market. Successful applicants may be granted up to 100k USD worth of AUKI tokens, and development and marketing support from the Auki Labs team.