Use this quickstart example app to learn how to create a basic XMTP React Native app that calls through to @xmtp/react-native-sdk
.
- Follow the React Native guide to set up a CLI environment.
- Run
npm install
. - Run
npm run ios
ornpm run android
.
- Run
npx react-native init AwesomeChatProject
. - Run
npx install-expo-modules@latest
. - Run
npm install expo
. - Run
npm i @xmtp/react-native-sdk
. - In the
android
directory, update thebuild.gradle
file to useminSdkVersion = 22
. This is required by XMTP. - In the
ios
directory, update thePodfile
file as follows:- Set this value:
platform :ios, '16.0'
. This is required by XMTP. - Add this line:
pod 'secp256k1.swift', :modular_headers => true
. This is required for web3.swift.
- Set this value:
You're now ready to build your own React Native chat app with XMTP!