To run the example
-
In the root folder:
- First install all the dependencies with: npm install
- Install pods for iOS: cd ios; pod update; pod install; cd..;
-
Download the SDK from https://developer.deepar.ai for both iOS and Android and:
- Drag and drop the DeepAR.framework to your native iOS project. In the project settings General->Frameworks, Libraries and Embedded Content make sure the DeepAR.framework is listed and Embed option is set to "Embed & Sign". For any issues consult native iOS integration documentation.
- For Android follow the instructions on how to embed the DeepAR SDK into native apps. The workflow is the same:
- Open the example-reactnative/android project in Android Studio
- File->Project Structure->Dependencies->Add new (+ sign)->Import .JAR/.AAR Package
- Select deepar.aar and finish the import
- Sync gradle to make sure everything is ok
-
Go to https://developer.deepar.ai, sign up, create the project and the Android and iOS apps. Copy the license key and paste it to:
- Android - RNTDeepAR.java (instead of your_licence_key_here string). Additionally change your applicationId in the application build.gradle file to the one you've set in the developer portal for Android app
- iOS - RNTDeepAR.m (insted of your_licence_key_here string). Additionally change your bundle identifier in the project settings Signing & Capabilities section to the one you've set in the developer portal for iOS app
-
To run on iOS:
- Connect your phone to your Mac.
- Open ios/deeparRNExample.xcworkspace
- Run the project in the xCode
-
To run on Android:
- Connect Android phone to the computer
- In the root folder run 'react-native run-android'
-
This example has been done with RN version 0.61.2. Depending on your RN version some things may differ slightly - for example if you are running on RN < 0.60 you will need to link the dependencies manually etc. Make sure to understand RN native component management for both iOS and Android platforms: