React Native Implementation
Basic implementation using the Pipecat React Native SDK.
Usage
Expo requirements
This project cannot be used with an Expo Go app because it requires custom native code.
When a project requires custom native code or a config plugin, we need to transition from using Expo Go to a development build.
More details about the custom native code used by this demo can be found in rn-daily-js-expo-config-plugin.
Building remotely
If you do not have experience with Xcode and Android Studio builds or do not have them installed locally on your computer, you will need to follow this guide from Expo to use EAS Build.
Building locally
You will need to have installed locally on your computer:
- Xcode to build for iOS;
- Android Studio to build for Android;
Install the demo dependencies
# Use the version of node specified in .nvmrc
nvm i
# Install dependencies
npm i
# Before a native app can be compiled, the native source code must be generated.
npx expo prebuild
# Configure the environment variable to connect to the local server
cp env.example .env
# edit .env and add your local ip address, for example: http://192.168.1.16:7860
Running on Android
After plugging in an Android device configured for debugging, run the following command:
npm run android
Running on iOS
Run the following command:
npm run ios
Connect to the server
Use the http://localhost:5173 in your app.