BUILT FOR FLUTTER
Flutter Video Calling UI Kit
Add calling screens with Tencent RTC’s Flutter Video Calling UI Kit. Fit TUICallKit into your widget tree and navigation, with incoming-call controls and native platform setup.
DEVELOPER RESOURCES
Flutter Video Calling UI Kit Docs & Examples
Integration Guides
Install the Flutter Video Calling UI Kit and connect your users.
Examples & Source
See the product in action and explore its implementation.
One-to-One Video Calls in Flutter
Bring a face-to-face conversation into your Flutter app for personal connections or consultations, with video and call controls in the same experience.
Group Video Calls in Flutter
Connect several participants in your Flutter call screen. Use the platform guide to configure the call flow and supported group layout.
FLUTTER CALL CAPABILITIES
Flutter 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 Flutter Video Call Components
Connect TUICallKit to your widget tree, then start calls from the actions in your app.
Embed Your Flutter Call Interface
Mount TUICallKit in your widget tree and initialize it with your authenticated user. The component provides the call interface and controls.
Read the DocumentationMaterialApp(
navigatorObservers: [TUICallKit.navigatorObserver],
localizationsDelegates: const [AtomicLocalizations.delegate],
);Start a Video Call in Flutter
Pass the recipient IDs from your application to the calling API. Connect this action to a contact, conversation, or call button in your Flutter interface.
Read the Documentationawait TUICallKit.instance.calls(
[recipientID], CallMediaType.video, CallParams(),
);Incoming calls
Add the incoming-call banner to the application experience.
Read the DocumentationTUICallKit.instance.enableIncomingBanner(true);CUSTOMIZATION
Customize Your Flutter Call UI Kit
Adapt the Flutter call screen, controls, and incoming-call flow to your product.
Layout & controls
Adapt the call experience using the customization options in your platform guide.
Read the DocumentationRingtone & identity
Make incoming calls recognizable with your user profiles and a custom ringtone.
Read the DocumentationGET STARTED
Add Video Calling to Your Flutter App
- 01
- 02
Add the Flutter Video Calling UI Kit
Follow the platform guide to connect your project.
Follow the Integration Guide - 03
flutter pub add tencent_calls_uikitimport 'package:tencent_calls_uikit/tencent_calls_uikit.dart';
await TUICallKit.instance.login(SDKAppID, userID, userSig);Flutter Video Calling UI Kit FAQs
What does the Flutter Video Calling UI Kit include?
The Flutter Video Calling UI Kit provides TUICallKit screens and call controls. Connect it to your user identity and widget tree; the Call service connects participants.
Should I use a Flutter call SDK or UI Kit?
The UI Kit provides interface components on top of the underlying service. Choose the SDK when you need more control over your own application UI.
How do incoming Flutter calls work in the background?
Configure the native push and application lifecycle requirements in the Flutter guide. Test foreground, background, and offline incoming calls on real devices; displaying a call screen alone does not complete that setup.
How do I authenticate users of the Flutter Video Calling UI Kit?
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 Flutter Video Calling UI Kit 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 Flutter Video Calling UI Kit with Dart?
Install the documented Flutter package and complete native project configuration for each target. Test widget lifecycle together with the underlying iOS and Android behavior.
How do I test Flutter Video Calling UI Kit 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 Flutter Video Calling UI Kit?
Customize the Flutter call controls through the UI Kit's assets/images resources. For example, replace camera_off.png with your own camera-off artwork while preserving the asset reference. Keep these changes in a maintained source copy, rather than editing the pub cache. Retain TUICallKit.navigatorObserver and the localization delegate in MaterialApp; visual changes do not replace routing, lifecycle, or native permission setup.
Flutter Call Integration Support
Integration questions
Get setup help for the Flutter Video Calling UI Kit.
View Developer DocumentationTalk about your application
Discuss your product, expected usage, and integration needs.
Contact SalesBring Video Calling to Your Flutter App
Start with the Flutter Video Calling UI Kit, connect two test users, and build your first call.

