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

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.

Call interface

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 Documentation
call_page.dart
MaterialApp(
  navigatorObservers: [TUICallKit.navigatorObserver],
  localizationsDelegates: const [AtomicLocalizations.delegate],
);

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 Documentation

GET STARTED

Add Video Calling to Your Flutter App

  1. 01

    Create your app

    Enable Call for your application and test users.

    Open Call Console
  2. 02

    Add the Flutter Video Calling UI Kit

    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
Flutter Call UI Kit
Terminal
flutter pub add tencent_calls_uikit
call_page.dart
import '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

Talk about your application

Discuss your product, expected usage, and integration needs.

Contact Sales

Bring Video Calling to Your Flutter App

Start with the Flutter Video Calling UI Kit, connect two test users, and build your first call.