✨ Magic React Native Demo Apps

This repository stores two mobile applications utilizing both of Magic's React Native SDKs and extensions.

Setup and Installation

Sign up or login to the developer dashboard to receive API keys that will allow your application to interact with Magic's authentication APIs.

# SSH
$ git clone git@github.com:magiclabs/react-native-demo.git
# HTTPS
$ git clone https://github.com/magiclabs/react-native-demo.git

Once you have a local copy of this repository you'll need to navigate to the config/env.ts file to add your publishable Magic API key.

# Add your Publishable Magic API key here
$ open MagicBareRnExample/config/env.ts

Finally, if you'd like to test sending transactions and other general on-chain interactions with these demo apps you'll need to navigate to screens/Web3Screen.tsx and include an address to a test wallet of your choosing.

# Add your test wallet address here
$ open MagicExpoRnExample/screens/Web3Screen.tsx

Expo Tutorial (Managed flow)

$ cd MagicExpoRNExample
$ yarn
$ yarn start

When the bundler process is done, hit i to start an iOS simulator or a to start an Android simulator (make sure you have downloaded Android Studio and follow all the instructions on React Native's dev site).

Bare React Native Tutorial (Standalone flow)

$ cd MagicBareRNExample
$ yarn

After node modules are installed and linked, for iOS you will need to install the linked dependencies to native.

# iOS
$ cd ios
$ pod install

After a successful installation, you may run yarn ios or yarn android to get started.

######### iOS ############
$ yarn ios --simulator="YOUR_PREFERRED_SIMULATOR_DEVICE" # run `xcrun simctl list devices` for a list of devices
######### Android ########
$ yarn android

🙌🏾 Troubleshooting

Error code 65 w/ Bare React Native Tutorial

In the case that you run yarn ios and see an Error code 65 with the standalone flow here are some possible ways to troubleshoot this common error:

• Clean up your iOS build by following these steps.

• Otherwise, in the case that you are attempting to update your local copy the demo app with the latest version of React Native, you might need to manually update the AppDelegate.mm file in Xcode as suggested here.