Starter Deal! First 3 month from only $9.9 /month!
Starter Deal! First 3 month from only $9.9 /month!
Grab It Now 
Tencent RTC Blog
Tencent RTC Blog
Tutorial

Two Steps, One Day! Effortlessly Implement Multi-terminal Adaptation Chat Apps with Tablet Integration using Flutter Chat UIKit

Tencent RTC - Dev Team

视频16比9 (1).png

Challenges: low latency, high availability, cross-platform compatibility

The digital landscape is a challenging terrain for developers aiming to create real-time, interactive products. The need for low latency, high availability, and cross-platform compatibility is paramount. With a myriad of devices - from smartphones and tablets to desktops and IoT screens - it's a daunting task to provide a uniform, high-performance chat experience across all platforms.

Traditionally, developers have had to invest substantial time and energy to individually tailor their applications for each device and platform. Web-based solutions, while offering a quick fix for multi-platform deployment, often compromise on performance and user experience.

But now, with the advent of Flutter's multi-platform capabilities, developers can breathe a sigh of relief. The ability to develop comprehensive applications that deliver near-native performance across all platforms is no longer a distant dream. That is why we're thrilled to unveil our latest offering - the Flutter Chat UIKit.

What sets our UIKit apart?

1. Cross-Platform Compatibility

  • Tablet embedded settings support
  • Seamless integration with single codebase in just two steps for streamlined development
  • Full platform(mobile, tablet, desktop, and web)support

1.jpeg

2. The industry's first to support IoT terminals

  • Flexible in controlling smart IoT products, such as central control panels in smart home systems
  • Streamlined operation logic for embedded terminal devices
  • The ability to facilitate cross-terminal chat communication and real-time, ultra-low latency control of IoT devices using signaling messages for effective devices management

3. Customizable UI Components

  • Conversation, Message, Contact, Voice / Video Calls, etc.
  • Theme customization options with Dark and Light modes supports.
  • Comprehensive chat capabilities along with delightful user experience features, like rich animations, haptic feedback and modern design.

2.png

4. Versatile Applications

3.png

5. Wide-reaching Global Deployment

  • Optimized for networks in 200+ countries
  • Support for multiple languages(English, Arabic, Japanese, Korean, Chinese, with supports to add more)

6. Reliable Audio/Video

  • Under 300 ms latency
  • 100% sending success rate in a 60% weak network packet loss situation

7. Designed with Developers in Mind

  • Selective importing of components, modular packages, with auto-navigation supports
  • Streamlined component parameter design
  • Global and component instances level management
  • Clear code naming conventions and detailed comments

4.png

Besides, you can explore our comprehensive demo on GitHub Repo for a more direct and immersive experience.

Effortless Integration: Get Started with Our Flutter Chat UIKit

Setting Up Your Application in the Console

Let's begin with the Console operations:

Step 1. Create an Account: Visit the Console of trtc.io and create an account by following the prompts.

Step 2. Start a Free Trial: Create an application on the homepage and start your free trial.

5.png

Step 3. Generate Test Users: Create two users (test accounts) on Account Management. Following by use the UserSig Tools to create the corresponding UserSigs for them, note down the UserSigs for later use.

6.png

Step 4. Retrieve Your SDKAppID: Go to Applications