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 Components
Connect TUICallKit to your mobile navigation, then start calls from the actions in your app.
Embed Your React Native Call Interface
Mount TUICallKit in your mobile navigation and initialize it with your authenticated user. The component provides the call interface and controls.
import { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});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.
import { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});CUSTOMIZATION
Customize Your React Native Call UI Kit
Adapt the React Native call screen, controls, and incoming-call flow to your product.
GET STARTED
Add Video Calling to Your React Native App
- 01
- 02
- 03
npm install @tencentcloud/call-uikit-react-nativeimport { TUICallKit } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.login({
sdkAppId: SDKAppID, userId: userID, userSig,
});React Native Video Calling UI Kit FAQs
What does the React Native Video Calling UI Kit include?
The React Native Video Calling UI Kit provides TUICallKit screens and call controls. Connect it to your user identity and mobile navigation; the Call service connects participants.
Should I use a React Native call SDK or UI Kit?
What is required for incoming calls?
How do I authenticate users of the React Native Video Calling UI Kit?
Is the React Native Video Calling UI Kit free to use?
How do I integrate React Native Video Calling UI Kit with React Native?
How do I test React Native Video Calling UI Kit before releasing my app?
How do I customize the interface for React Native Video Calling UI Kit?
Use the native UI Kit's exposed methods to adapt call presentation. For example, import Language from @tencentcloud/call-uikit-react-native and call TUICallKit.setLanguage(Language.EN). setCallingBell changes the incoming ringtone, while enableMuteMode(true) suppresses it. React web CSS and provider props do not configure this native interface; keep Android and iOS permission setup, and verify each method against the React Native guide.