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

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.

Perbualan

Ruang untuk perbualan anda

Tambahkan widget perbualan pada aplikasi Chat yang telah dimulakan.

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

const TencentCloudChatConversation()

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 dokumentasi

MULA SEKARANG

Perbualan pertama anda bermula di sini

  1. 01

    Cipta aplikasi anda

    Sediakan aplikasi Chat dan pengguna ujian anda.

    Buka Konsol Chat
  2. 02

    Tambah Chat UI Kit untuk Flutter

    Ikuti panduan platform untuk menyambungkan projek anda.

    Ikuti Panduan Integrasi
  3. 03

    Hubungkan pengguna anda

    Daftar masuk sebagai dua pengguna ujian dan hantar mesej 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()

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

Bincangkan aplikasi anda

Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.

Hubungi Bahagian Jualan

Bina pengalaman perbualan anda yang seterusnya

Bina app anda dengan Chat UI Kit untuk Flutter.