Produk
AI Percakapan
Tingkatkan platform Anda dengan interaksi audio dan video langsung yang didukung AI.
trtc-cartesia
Call
UIKit
Core SDK
Bangun fitur panggilan video dan suara dalam aplikasi dengan mudah
Room
UIKit
Core SDK
Tambahkan fitur rapat ke aplikasi Anda dengan Room SDK
Live
UIKit
Core SDK
Tambahkan streaming langsung video dan suara interaktif ke aplikasi Anda
Chat
UIKit
Core SDK
Tambahkan pengalaman berkirim pesan ke aplikasi Anda dengan Chat API
Push
Core SDK
Jangkau dan libatkan kembali pengguna secara instan dengan App Push dan Web Push
RTC Engine
Core SDK
Tingkatkan komunikasi waktu nyata dalam aplikasi dengan RTC SDK
In-game Voice Chat
Core SDK
Bangun obrolan suara dalam game yang imersif dengan GVoice SDK
Beauty AR
Core SDK
Integrasikan Beauty AR untuk gambar dan video secara real-time
Bandingkan Produk
Pilih produk yang paling sesuai untuk Anda melalui perbandingan.
Pilih produk yang paling sesuai untuk Anda melalui perbandingan.
Solusi
Industri
Hiburan Sosial
Web 3.0
Pendidikan Daring
E-commerce Ritel
Telekesehatan
Layanan Keuangan
Iman dan Spiritualitas
Interaksi Penggemar-Artis
Interaksi Olahraga Piala Dunia
Kasus Penggunaan
AI Percakapan
Layanan Obrolan Sesuai Permintaan
Streaming Langsung Hiburan
Ruang Obrolan Suara
Konsol Game Interaktif
Pemberian Hadiah dalam Siaran Langsung
Streaming Langsung Gim
Pesan Sosial
Kencan 1v1
Filter Wajah
Coba Virtual
Alat Produktivitas
Obrolan Suara dalam Game
Teleoperasi Real-Time
Rapat AI
Chatbot AI
Terjemahan Waktu Nyata & Konversi Ucapan ke Teks
TenChaty AI: Chatbot AI Cerdas untuk E-Commerce
TenChaty AI: Chatbot AI Cerdas untuk E-Commerce
Kisah Sukses
Pengembang
Dokumentasi
Agent Skills
NEW
Unduhan SDK
MULAI CEPAT
Call
Room
Live
Chat
Push
RTC Engine
In-game Voice Chat
Beauty AR
Conversational AI
DUKUNGAN TEKNIS
Stack Overflow
Github
Telegram
WhatsApp
Pusat Pengembang
Mulai membangun dengan mudah melalui tutorial mulai cepat, contoh kode, sumber daya utama, dan lainnya.
Mulai membangun dengan mudah melalui tutorial mulai cepat, contoh kode, sumber daya utama, dan lainnya.
Demo
Call
Room
Chat
App Builder
Fitur RTC
Beauty AR
Conversational AI
Live
Mesin Capit Online
Semua Demo
Jika Anda ingin mempelajari lebih lanjut, silakan kunjungi pustaka demo kami.
Harga
Semua Harga
Paket Pemula
Kalkulator Harga
Harga Produk
Call
Room
Chat
Peningkatan Paket Gratis
Push
RTC Engine
Beauty AR
Live
Dapatkan Harga Khusus
Dapatkan proposal harga lengkap yang disesuaikan dengan kebutuhan Anda.
Dapatkan proposal harga lengkap yang disesuaikan dengan kebutuhan Anda.
Perusahaan
PERUSAHAAN
Mengapa Tencent RTC
Kepatuhan & Privasi
Jadilah Mitra
Program Afiliasi
SUMBER DAYA
Blog
Kisah Sukses
Acara
Lokapasar
MEDIA SOSIAL
Linkedin
YouTube
X
Facebook
Discord
Program Afiliasi
Raih Komisi Terdepan di Industri hingga 25% dengan Program Afiliasi Tencent RTC
Unlock Industry-Leading 25% Commissions with Tencent RTC Affiliate Program
🚀Kemitraan Strategis Tencent RTC x Cartesia
Mendukung AI percakapan generasi terbaru dengan interaksi suara yang terdengar nyata dan waktu respons secepat kilat!
AI Percakapan
Bangun AI percakapan dalam hitungan menit. Latensi sangat rendah, seperti manusia, dan mendukung lintas platform!
Program Afiliasi
Dapatkan komisi berulang hingga 25%. Monetisasi pengaruh Anda hari ini!
🚀Kemitraan Strategis Tencent RTC x Cartesia
Mendukung AI percakapan generasi terbaru dengan interaksi suara yang terdengar nyata dan waktu respons secepat kilat!
AI Percakapan
Bangun AI percakapan dalam hitungan menit. Latensi sangat rendah, seperti manusia, dan mendukung lintas platform!
Program Afiliasi
Dapatkan komisi berulang hingga 25%. Monetisasi pengaruh Anda hari ini!
🚀Kemitraan Strategis Tencent RTC x Cartesia
Mendukung AI percakapan generasi terbaru dengan interaksi suara yang terdengar nyata dan waktu respons secepat kilat!
AI Percakapan
Bangun AI percakapan dalam hitungan menit. Latensi sangat rendah, seperti manusia, dan mendukung lintas platform!
Program Afiliasi
Dapatkan komisi berulang hingga 25%. Monetisasi pengaruh Anda hari ini!

DIBUAT UNTUK FLUTTER

Flutter
Chat UI Kit

Buat layar perpesanan terintegrasi dengan Flutter Chat UI Kit dari Tencent RTC. Sesuaikan widget percakapan dan pesan dengan tata letak serta navigasi produk Anda.

Mulai MembangunCoba Demo Chat

SUMBER DAYA DEVELOPER

Dokumentasi & Contoh Chat UI Kit untuk Flutter

Dibuat untuk percakapan

Berikan komunitas Anda ruang bersama untuk rencana, foto, dan obrolan sehari-hari.

Jelajahi Chat Komunitas

Ruang untuk setiap pesan

Hadirkan chat di layar ringkas maupun tata letak lebar dengan komponen Flutter.

Baca Panduan Flutter

KEMAMPUAN CHAT FLUTTER

Fitur esensial, siap dihubungkan

Daftar percakapan

  • Percakapan terbaru
  • Indikator pesan belum dibaca

UI Pesan

  • Tampilan pesan terintegrasi
  • Penyusun pesan terintegrasi

Berbagi media

  • Foto dan lampiran
  • Izin media native

Orang dan grup

  • Percakapan langsung
  • Interaksi grup

Jadikan milik Anda

  • Sesuaikan kode sumber UI
  • Sesuaikan dengan navigasi Anda

Komponen yang terhubung

  • Chat SDK sebagai fondasi
  • Identitas aplikasi Anda

Jelajahi Flutter Chat Components

Lihat bagaimana komponen bekerja sama.

Percakapan

Tempat untuk percakapan Anda

Tambahkan widget percakapan ke aplikasi Chat yang telah diinisialisasi.

Baca dokumentasi
conversations.dart
import 'package:tencent_cloud_chat_conversation/tencent_cloud_chat_conversation.dart';

const TencentCloudChatConversation()

PENYESUAIAN

Sesuaikan UI chat Flutter Anda

Terapkan gaya visual dan alur aplikasi Anda ke dalam chat.

Merek Anda dalam setiap percakapan

Sesuaikan gaya visual melalui tema dan builder Flutter UI Kit.

Baca dokumentasi

MULAI

Percakapan pertama Anda dimulai di sini

  1. 01

    Buat aplikasi Anda

    Siapkan aplikasi Chat dan pengguna uji Anda.

    Buka Konsol Chat
  2. 02

    Tambahkan Chat UI Kit untuk Flutter

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Hubungkan pengguna Anda

    Masuk sebagai dua pengguna uji coba dan kirim pesan pertama Anda.

    Hubungkan Pengguna Anda
Chat UI Kit untuk 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()

Pertanyaan umum tentang Flutter Chat UI Kit

Apa yang perlu dikonfigurasi sebelum menambahkan widget?

Instal paket UI yang dipilih, inisialisasi UI Kit, masuk, dan daftarkan komponen sesuai demo resmi. Konfigurasikan izin native untuk fitur media yang Anda gunakan. Flutter UI Kit dan Core SDK memiliki persyaratan lingkungan yang berbeda.

Apa perbedaan Flutter UI Kit dengan SDK?

UI Kit menambahkan komponen antarmuka yang terintegrasi di atas SDK perpesanan. Gunakan Core SDK jika Anda ingin membangun seluruh antarmuka sendiri.

Bagaimana cara mengautentikasi pengguna Flutter Chat UI Kit?

Buat UserSig produksi di backend Anda. Teruskan ke klien untuk autentikasi dan simpan rahasia aplikasi Anda di server.

Apakah cuplikan Flutter ini membentuk aplikasi yang lengkap?

Bagian ini menunjukkan setiap langkah integrasi secara terpisah. Ikuti panduan lengkap untuk impor, inisialisasi, login, penanganan kesalahan, dan konfigurasi khusus target. Uji perpesanan dengan akun terpisah sebelum dirilis.

Bagaimana harga penggunaan Flutter Chat UI Kit ditentukan?

Penggunaan layanan Chat terkelola mengikuti paket yang Anda pilih. Periksa fitur dan kuota yang disertakan untuk aplikasi Anda; plugin opsional dan layanan Call dapat memiliki persyaratan terpisah.

Bagaimana cara mengintegrasikan Chat UI Kit Flutter dengan Dart?

Instal paket Flutter dalam dokumentasi dan selesaikan konfigurasi proyek native tiap target. Uji siklus hidup widget bersama perilaku iOS dan Android di bawahnya.

Bagaimana cara menguji Chat UI Kit Flutter sebelum merilis aplikasi?

Periksa login, kesiapan SDK, peristiwa kirim dan terima, serta status pesan setelah tersambung kembali.

Bagaimana cara menyesuaikan antarmuka Chat UI Kit Flutter?

Untuk paket tencent_cloud_chat_conversation yang digunakan di sini, berikan TencentCloudChatConversationBuilders untuk menyesuaikan widget seperti conversationHeaderBuilder. Misalnya, ganti header daftar dengan judul produk dan akses pencarian Anda sambil mempertahankan daftar percakapan yang sudah terhubung. Pastikan signature builder sesuai dengan rilis paket yang terpasang. API ini berasal dari keluarga paket tersebut; jangan mencampurnya dengan contoh TIMUIKitChat lama atau UI Kit Flutter yang berbeda.

Temukan dukungan untuk langkah berikutnya

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Bangun pengalaman percakapan Anda berikutnya

Bangun app Anda dengan Chat UI Kit untuk Flutter.

Mulai secara gratisLihat Panduan UI Kit
Mulai dengan
10.000 Menit Gratis Setiap Bulan
Kami memberikan kuota bulanan gratis kepada setiap pengembang selama satu tahun penuh
Hubungi Kami
Untuk pertanyaan, solusi khusus, dan layanan dukungan, jangan ragu untuk menghubungi kami kapan saja
Sumber Daya Pengembang
Mulai membangun dengan Tencent RTC