Voice React Native SDK

Expand image

1. You connect to Twilio from your mobile app with the Voice SDK
2. Twilio sends a request to your webhook to get TwiML instructions
3. Your backend responds to Twilio with TwiML instructions
   • For example, you can instruct Twilio to call a number, call a VoIP endpoint, or connect to a conference.
   • E.g. To connect to a phone number, your backend would return <Dial callerId="+155512345678"><Number>+155587654321</Number></Dial>
4. Twilio executes your TwiML instructions (e.g. Dials the number in your TwiML instructions)
5. Twilio creates a VoIP connection between your callee and your mobile app

Twilio Programmable Voice SDKs use an authentication and authorization mechanism called Access Tokens for providing clients access to your voice applications. Access Tokens govern the client application authentication session with your account in the Twilio cloud. Your application backend should vend an Access Token to clients in order for the client to make or receive calls.

Access Tokens are different from the now deprecated Capability Tokens used in the previous versions of Twilio Client. Using a Capability Token in the Programmable Voice SDK will not work. Access Tokens, just like Capability Tokens before, are JWT tokens, but use a new, more flexible format that is consistent across all of the modern Twilio SDKs.

Under the hood, the Voice React Native SDK utilizes the Android and iOS Twilio Programmable Voice SDKs. Check out the following pages for more details on each platform.

• Voice Android SDK
• Voice iOS SDK

The package is available through npm.

yarn add @twilio/voice-react-native-sdk

Using this method, you can import the Voice SDK using ES Module or TypeScript syntax.

1
import { Voice } from '@twilio/voice-react-native-sdk';
2

3
// getAccessToken should fetch an AccessToken from your backend
4
const token = getAccessToken();
5
const voice = new Voice();
6

7
// Allow incoming calls
8
await voice.register(token);
9

10
// Handle incoming calls
11
voice.on('callInvite', (callInvite) => {
12
  callInvite.accept();
13
});
14

15
// Make an outgoing call
16
const call = await voice.connect(token, params);

The Twilio Voice React Native SDK is open source. Check out our repository if you want to install from Github or build it locally.

Developer tools and configuration options for Programmable Voice can be found in the Programmable Voice Dashboard. Use the console to create TwiML apps, update push credentials, view logs, and much more.