DIBINA UNTUK FLUTTER
Flutter
Chat UI Kit
Cipta skrin pemesejan bersepadu dengan Flutter Chat UI Kit Tencent RTC. Sesuaikan widget perbualan dan mesej mengikut reka letak serta navigasi produk anda.
SUMBER PEMBANGUN
Dokumentasi & Contoh Chat UI Kit untuk Flutter
Panduan Integrasi
Pasang Chat UI Kit untuk Flutter dan hantar mesej ujian.
Contoh & Sumber
Terokai pengalaman pemesejan dan sumber rasmi untuk pembangun.
Dibina untuk perbualan
Berikan komuniti anda ruang bersama untuk rancangan, foto dan perbincangan harian.
Ruang untuk setiap mesej
Bawa sembang ke skrin kompak dan reka letak yang lebih luas dengan komponen Flutter.
KEUPAYAAN SEMBANG FLUTTER
Ciri penting, sedia untuk disambungkan
Senarai perbualan
- Perbualan terkini
- Penunjuk mesej belum dibaca
UI Pemesejan
- Paparan mesej bersepadu
- Penyusun mesej bersepadu
Perkongsian media
- Foto dan lampiran
- Kebenaran media natif
Individu dan kumpulan
- Perbualan langsung
- Interaksi kumpulan
Jadikan ia milik anda
- Sesuaikan kod sumber UI
- Sesuaikan dengan navigasi anda
Komponen yang disambungkan
- Chat SDK sebagai asas
- Identiti aplikasi anda
Terokai Flutter Chat Components
Lihat cara komponen berfungsi bersama.
Ruang untuk perbualan anda
Tambahkan widget perbualan pada aplikasi Chat yang telah dimulakan.
Baca dokumentasiimport 'package:tencent_cloud_chat_conversation/tencent_cloud_chat_conversation.dart';
const TencentCloudChatConversation()Buka perbualan
Tunjukkan widget mesej untuk pengguna yang dipilih.
Baca dokumentasiTencentCloudChatMessage(
options: TencentCloudChatMessageOptions(
userID: recipientID,
),
)Satukan orang ramai
Tambahkan pakej kenalan dan letakkan widgetnya dalam aplikasi anda.
Baca dokumentasiimport 'package:tencent_cloud_chat_contact/tencent_cloud_chat_contact.dart';
const TencentCloudChatContact()PENYESUAIAN
Sesuaikan UI sembang Flutter anda
Gabungkan gaya visual dan aliran aplikasi anda ke dalam chat.
Jenama anda dalam setiap perbualan
Laraskan gaya visual melalui tema dan pembina Flutter UI Kit.
Baca dokumentasiBerikan lebih banyak ruang untuk detik yang dikongsi
Gabungkan mesej dan media dalam reka letak perbualan yang sesuai dengan aplikasi anda.
Baca dokumentasiMULA SEKARANG
Perbualan pertama anda bermula di sini
- 01
- 02
Tambah Chat UI Kit untuk Flutter
Ikuti panduan platform untuk menyambungkan projek anda.
Ikuti Panduan Integrasi - 03
Hubungkan pengguna anda
Daftar masuk sebagai dua pengguna ujian dan hantar mesej pertama anda.
Hubungkan Pengguna Anda
flutter pub add tencent_cloud_chat_common \
tencent_cloud_chat_conversation tencent_cloud_chat_messageimport 'package:tencent_cloud_chat_conversation/tencent_cloud_chat_conversation.dart';
const TencentCloudChatConversation()Soalan lazim tentang Flutter Chat UI Kit
Apakah yang perlu dikonfigurasikan sebelum menambahkan widget?
Pasang pakej UI yang dipilih, mulakan UI Kit, log masuk dan daftarkan komponen mengikut demo rasmi. Konfigurasikan kebenaran asli untuk ciri media yang anda gunakan. Flutter UI Kit dan Core SDK mempunyai keperluan persekitaran yang berasingan.
Apakah perbezaan antara Flutter UI Kit dengan SDK?
UI Kit menambahkan komponen antara muka bersepadu pada SDK pemesejan. Gunakan Core SDK jika anda mahu membina keseluruhan antara muka sendiri.
Bagaimanakah cara mengesahkan pengguna Flutter Chat UI Kit?
Jana UserSig produksi pada backend anda. Hantarkannya kepada klien untuk pengesahan dan simpan rahsia aplikasi anda pada pelayan.
Adakah coretan Flutter ini membentuk sebuah aplikasi yang lengkap?
Ini menunjukkan setiap langkah integrasi secara berasingan. Ikuti panduan lengkap untuk import, pemulaan, log masuk, pengendalian ralat dan konfigurasi khusus sasaran. Uji pemesejan dengan akaun berasingan sebelum keluaran.
Bagaimanakah harga penggunaan Flutter Chat UI Kit ditentukan?
Penggunaan perkhidmatan Chat terurus mengikut pelan pilihan anda. Semak ciri dan kuota yang disertakan untuk aplikasi anda; pemalam pilihan dan perkhidmatan Call mungkin mempunyai keperluan berasingan.
Bagaimanakah saya mengintegrasikan Chat UI Kit Flutter dengan Dart?
Pasang pakej Flutter dalam dokumentasi dan lengkapkan konfigurasi projek natif setiap sasaran. Uji kitar hayat widget bersama kelakuan iOS dan Android asas.
Bagaimanakah saya menguji Chat UI Kit Flutter sebelum melancarkan aplikasi saya?
Semak log masuk, kesediaan SDK, acara hantar dan terima serta status mesej selepas sambungan semula.
Bagaimanakah saya menyesuaikan antara muka Chat UI Kit Flutter?
Untuk pakej tencent_cloud_chat_conversation yang digunakan di sini, sediakan TencentCloudChatConversationBuilders bagi menyesuaikan widget seperti conversationHeaderBuilder. Contohnya, gantikan pengepala senarai dengan tajuk produk dan pintasan carian anda sambil mengekalkan senarai perbualan yang telah disambungkan. Pastikan tandatangan builder sepadan dengan keluaran pakej yang dipasang. API ini tergolong dalam keluarga pakej ini; jangan campurkannya dengan contoh TIMUIKitChat lama atau UI Kit Flutter yang berbeza.
Dapatkan sokongan untuk langkah seterusnya
Soalan integrasi
Dapatkan bantuan persediaan untuk Chat UI Kit untuk Flutter.
Lihat Dokumentasi PembangunBincangkan aplikasi anda
Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.
Hubungi Bahagian JualanBina pengalaman perbualan anda yang seterusnya
Bina app anda dengan Chat UI Kit untuk Flutter.

