BUILT FOR REACT NATIVE

React Native Video Calling SDK

Add native call APIs with Tencent RTC’s React Native Video Calling SDK. Use the TUICallEngine export while your app controls call screens, navigation, and user state.

DEVELOPER RESOURCES

React Native Video Calling SDK Docs & Examples

One-to-One Video Calls in React Native

Bring a face-to-face conversation into your React Native app for personal connections or consultations, with video and call controls in the same experience.

Group Video Calls in React Native

Connect several participants in your React Native call screen. Use the platform guide to configure the call flow and supported group layout.

REACT NATIVE CALL CAPABILITIES

React Native Video Calling Features

Connect people

  • Voice and video calls
  • Incoming call handling

Stay in control

  • Camera and microphone controls
  • Call lifecycle events

Make it yours

  • Your application flow
  • Platform-specific integration

Explore React Native Video Call APIs

Use TUICallEngine to connect users, place calls, and update your React Native call screen when call state changes.

Connect users

Connect Users to Your React Native Call SDK

Sign in to TUICallEngine after your application login. Route native call events into the screen that handles incoming and active calls.

Read the Documentation
call.ts
import { TUICallEngine } from
  '@tencentcloud/call-uikit-react-native';

const call = TUICallEngine.createInstance();
call.login({ sdkAppId: SDKAppID, userId: userID, userSig });

CUSTOMIZATION

Customize Your React Native Call Interface

Adapt the React Native call screen, controls, and incoming-call flow to your product.

Your call UI

Build your own call screen around video views and lifecycle events.

Read the Documentation

GET STARTED

Add Video Calling to Your React Native App

  1. 01

    Create your app

    Enable Call for your application and test users.

    Open Call Console
  2. 02

    Add the React Native Video Calling SDK

    Follow the platform guide to connect your project.

    Follow the Integration Guide
  3. 03

    Make your first call

    Sign in two test users, then place and answer a call.

    Set Up Authentication
React Native Call SDK
Terminal
npm install @tencentcloud/call-uikit-react-native
call.ts
import { TUICallEngine } from
  '@tencentcloud/call-uikit-react-native';

const call = TUICallEngine.createInstance();
call.login({ sdkAppId: SDKAppID, userId: userID, userSig });

React Native Video Calling SDK FAQs

What does the React Native Video Calling SDK include?

The React Native Video Calling SDK provides TUICallEngine APIs for call invitations, events, and media controls. Your application builds the React Native call screen and connects it to native call events.

Should I use a React Native call SDK or UI Kit?

Use the SDK APIs to build your own interface. Choose the UI Kit when you want ready-made screens and controls.

Why is the installation package named call-uikit-react-native?

The official React Native package exports both TUICallKit and TUICallEngine. This page uses the engine export for an application-owned interface.

Will incoming calls work when the app is in the background?

Background and offline incoming calls need platform-specific push and lifecycle configuration. Follow the platform integration guide and test on real devices.

How do I authenticate users of the React Native Video Calling SDK?

Create a UserSig on your server and pass it to the client after your own sign-in flow. Keep the application secret on your server.

Is the React Native Video Calling SDK free to use?

The interface and the hosted Call service have different roles. Activate the service for your application and review the current plan, feature availability, and usage charges.

How do I integrate React Native Video Calling SDK with React Native?

Install the documented package and native dependencies, then rebuild your native app. Verify permissions, lifecycle and native callbacks rather than assuming a JavaScript-only runtime.

How do I test React Native Video Calling SDK before releasing my app?

Test invitation, accept, decline and end-call state between independent users, including permission denial.

How do I customize the interface for React Native Video Calling SDK?

Build call controls and participant views around the supported state and media APIs; your app owns the interface.

React Native Call Integration Support

Talk about your application

Discuss your product, expected usage, and integration needs.

Contact Sales

Bring Video Calling to Your React Native App

Start with the React Native Video Calling SDK, connect two test users, and build your first call.