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
Integration Guides
Install the React Native Video Calling SDK and connect your users.
Examples & Source
See the product in action and explore its implementation.
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 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 Documentationimport { TUICallEngine } from
'@tencentcloud/call-uikit-react-native';
const call = TUICallEngine.createInstance();
call.login({ sdkAppId: SDKAppID, userId: userID, userSig });Start a Video Call in React Native
Pass the recipient IDs from your application to the calling API. Connect this action to a contact, conversation, or call button in your React Native interface.
Read the Documentationcall.calls({
userIdList: [recipientID],
mediaType: MediaType.Video,
});Keep the call flow in your hands
Wire call controls into the interface your users already know.
Read the Documentationcall.accept({});
// When the user ends the call:
call.hangup({});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 DocumentationMedia controls
Connect your own buttons to camera, microphone, and call controls.
Read the DocumentationGET STARTED
Add Video Calling to Your React Native App
- 01
- 02
Add the React Native Video Calling SDK
Follow the platform guide to connect your project.
Follow the Integration Guide - 03
npm install @tencentcloud/call-uikit-react-nativeimport { 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
Integration questions
Get setup help for the React Native Video Calling SDK.
View Developer DocumentationTalk about your application
Discuss your product, expected usage, and integration needs.
Contact SalesBring Video Calling to Your React Native App
Start with the React Native Video Calling SDK, connect two test users, and build your first call.

