ĐƯỢC XÂY DỰNG CHO FLUTTER

Flutter
Chat UI Kit

Tạo màn hình nhắn tin được kết nối bằng Flutter Chat UI Kit của Tencent RTC. Điều chỉnh các tiện ích cuộc trò chuyện và tin nhắn theo bố cục và điều hướng của sản phẩm.

TÀI NGUYÊN DÀNH CHO NHÀ PHÁT TRIỂN

Tài liệu & Ví dụ về Chat UI Kit cho Flutter

Được xây dựng cho các cuộc trò chuyện

Tạo không gian chung để cộng đồng của bạn chia sẻ kế hoạch, hình ảnh và những cuộc trò chuyện thường ngày.

Không gian cho mọi tin nhắn

Đưa tính năng trò chuyện vào màn hình nhỏ gọn và bố cục rộng hơn bằng các thành phần Flutter.

KHẢ NĂNG TRÒ CHUYỆN FLUTTER

Các tính năng thiết yếu, sẵn sàng kết nối

Danh sách cuộc trò chuyện

  • Cuộc trò chuyện gần đây
  • Chỉ báo tin nhắn chưa đọc

Giao diện nhắn tin

  • Chế độ xem tin nhắn được tích hợp
  • Trình soạn thảo tích hợp

Chia sẻ nội dung đa phương tiện

  • Ảnh và tệp đính kèm
  • Quyền truy cập nội dung đa phương tiện native

Mọi người và nhóm

  • Cuộc trò chuyện trực tiếp
  • Tương tác nhóm

Biến nó thành của bạn

  • Điều chỉnh mã nguồn UI
  • Điều chỉnh cho phù hợp với hệ thống điều hướng

Các thành phần được kết nối

  • Chat SDK nền tảng
  • Danh tính ứng dụng của bạn

Khám phá Flutter Chat Components

Xem cách các thành phần phối hợp với nhau.

Cuộc trò chuyện

Không gian dành cho các cuộc trò chuyện của bạn

Thêm tiện ích hội thoại vào ứng dụng Chat đã được khởi tạo.

Đọc tài liệu
conversations.dart
import 'package:tencent_cloud_chat_conversation/tencent_cloud_chat_conversation.dart';

const TencentCloudChatConversation()

TÙY CHỈNH

Tùy chỉnh UI chat Flutter

Đưa phong cách hình ảnh và luồng ứng dụng của bạn vào chat.

Thương hiệu của bạn trong mọi cuộc trò chuyện

Điều chỉnh phong cách hiển thị thông qua chủ đề và builder của Flutter UI Kit.

Đọc tài liệu

BẮT ĐẦU

Cuộc trò chuyện đầu tiên của bạn bắt đầu tại đây

  1. 01

    Tạo ứng dụng của bạn

    Thiết lập ứng dụng Chat và người dùng thử nghiệm.

    Mở bảng điều khiển Chat
  2. 02

    Thêm Chat UI Kit cho Flutter

    Làm theo hướng dẫn nền tảng để kết nối dự án của bạn.

    Làm theo Hướng dẫn tích hợp
  3. 03

    Kết nối người dùng của bạn

    Đăng nhập bằng hai người dùng thử nghiệm và gửi tin nhắn đầu tiên.

    Kết nối người dùng của bạn
Chat UI Kit cho Flutter
Terminal
flutter pub add tencent_cloud_chat_common \
  tencent_cloud_chat_conversation tencent_cloud_chat_message
conversations.dart
import 'package:tencent_cloud_chat_conversation/tencent_cloud_chat_conversation.dart';

const TencentCloudChatConversation()

Câu hỏi thường gặp về Flutter Chat UI Kit

Cần cấu hình những gì trước khi thêm các tiện ích?

Cài đặt các gói UI đã chọn, khởi tạo UI Kit, đăng nhập và đăng ký các thành phần theo bản demo chính thức. Cấu hình quyền hệ thống cho những tính năng phương tiện bạn sử dụng. Flutter UI Kit và Core SDK có các yêu cầu môi trường riêng.

Flutter UI Kit khác SDK như thế nào?

UI Kit bổ sung các thành phần giao diện được tích hợp trên SDK nhắn tin. Hãy sử dụng Core SDK nếu bạn muốn tự xây dựng toàn bộ giao diện.

Làm cách nào để xác thực người dùng của Flutter Chat UI Kit?

Tạo UserSig cho môi trường production ở backend. Chuyển mã này cho máy khách để xác thực và giữ khóa bí mật của ứng dụng trên máy chủ.

Các đoạn mã Flutter này có tạo thành một ứng dụng hoàn chỉnh không?

Nội dung này trình bày từng bước tích hợp riêng lẻ. Hãy làm theo hướng dẫn đầy đủ về nhập thư viện, khởi tạo, đăng nhập, xử lý lỗi và cấu hình dành riêng cho nền tảng đích. Kiểm thử nhắn tin bằng các tài khoản riêng trước khi phát hành.

Mức phí sử dụng Flutter Chat UI Kit được tính như thế nào?

Mức sử dụng dịch vụ Chat được lưu trữ phụ thuộc vào gói bạn chọn. Hãy kiểm tra các tính năng và hạn mức đi kèm cho ứng dụng; plugin tùy chọn và dịch vụ Call có thể có yêu cầu riêng.

Làm thế nào để tích hợp Chat UI Kit Flutter với Dart?

Cài gói Flutter trong tài liệu và hoàn tất cấu hình dự án native cho từng nền tảng. Kiểm thử vòng đời widget cùng hoạt động iOS và Android bên dưới.

Làm thế nào để kiểm thử Chat UI Kit Flutter trước khi phát hành ứng dụng?

Kiểm tra đăng nhập, SDK sẵn sàng, sự kiện gửi nhận và trạng thái tin nhắn sau kết nối lại.

Làm thế nào để tùy chỉnh giao diện Chat UI Kit Flutter?

Với gói tencent_cloud_chat_conversation dùng ở đây, cung cấp TencentCloudChatConversationBuilders để tùy chỉnh các widget như conversationHeaderBuilder. Ví dụ, thay phần đầu danh sách bằng tiêu đề sản phẩm và lối vào tìm kiếm của bạn nhưng vẫn giữ danh sách hội thoại đã kết nối. Đảm bảo chữ ký hàm builder khớp với bản phát hành gói đã cài đặt. Các API này thuộc cùng một họ gói; đừng trộn chúng với ví dụ TIMUIKitChat cũ hoặc một UI Kit Flutter khác.

Tìm hỗ trợ cho bước tiếp theo

Trao đổi về ứng dụng của bạn

Trao đổi về sản phẩm, mức sử dụng dự kiến và nhu cầu tích hợp của bạn.

Liên hệ bộ phận kinh doanh

Xây dựng trải nghiệm trò chuyện tiếp theo

Xây dựng app bằng Chat UI Kit cho Flutter.