DIBINA UNTUK REACT NATIVE

React Native
Chat UI Kit

Tambahkan perbualan mudah alih dengan React Native Chat UI Kit Tencent RTC. Integrasikan senarai perbualan yang disambungkan, mesej dan komponen input ke dalam aplikasi iOS dan Android anda.

Mula Membina Cuba Demo Chat

SUMBER PEMBANGUN

Dokumentasi & Contoh Chat UI Kit untuk React Native

Rujukan Komponen

Terokai komponen Chat UI Kit untuk React Native.

Terokai Komponen Pengesahan pengguna

Panduan Integrasi

Pasang Chat UI Kit untuk React Native dan hantar mesej ujian.

Integrasi React Native Mula Pantas

Contoh & Sumber

Terokai pengalaman pemesejan dan sumber rasmi untuk pembangun.

Cuba Demo Chat Lihat React Native Kod sumber

Tempat pertemuan dalam aplikasi anda

Satukan komuniti anda melalui perbualan mudah alih yang biasa digunakan.

Terokai Sembang Komuniti

Paparkannya dalam perbualan

Sediakan ruang untuk foto dan lampiran dalam aliran chat mudah alih.

Baca panduan integrasi

KEUPAYAAN SEMBANG REACT NATIVE

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 React Native Chat Components

Lihat cara komponen berfungsi bersama.

Perbualan

Setiap perbualan dalam jangkauan

Mulakan dengan senarai perbualan yang telah disambungkan dan sesuaikan pratontonnya mengikut keperluan.

Baca dokumentasi

import { ConversationList } from
  '@tencentcloud/chat-uikit-react-native';

export function Conversations() {
  return <ConversationList />;
}

Mesej

Biarkan perbualan berkembang

Tambahkan senarai mesej untuk perbualan yang dipilih.

Baca dokumentasi

import { MessageList } from
  '@tencentcloud/chat-uikit-react-native';

<MessageList conversationID={conversationID} />

Penggubah mesej

Mudahkan pengguna membalas

Sambungkan medan input kepada perbualan yang sama dengan senarai mesej.

Baca dokumentasi

import { MessageInput } from
  '@tencentcloud/chat-uikit-react-native';

<MessageInput conversationID={conversationID} />

PENYESUAIAN

Sesuaikan UI sembang React Native anda

Gabungkan gaya visual dan aliran aplikasi anda ke dalam chat.

Sesuaikan skrin mengikut keperluan anda

Sesuaikan gaya komponen dan pemapar pratonton dengan jenama mudah alih anda.

Baca dokumentasi

MULA SEKARANG

Perbualan pertama anda bermula di sini

01
Cipta aplikasi anda
Sediakan aplikasi Chat dan pengguna ujian anda.
Buka Konsol Chat
02
Tambah Chat UI Kit untuk React Native
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

Chat UI Kit untuk React Native

npm install @tencentcloud/chat-uikit-react-native tuikit-atomicx-react-native

import { ConversationList } from
  '@tencentcloud/chat-uikit-react-native';

export function Conversations() {
  return <ConversationList />;
}

Soalan lazim tentang React Native Chat UI Kit

Bolehkah saya menggunakan komponen ini dalam Expo Go?

Kebergantungan natif memerlukan binaan natif. Ikuti binaan pembangunan Expo atau aliran kerja React Native dalam panduan semasa, pasang kebergantungan setara dan konfigurasikan kebenaran media. Petikan komponen mengandaikan log masuk dan persediaan natif telah selesai.

Baca panduan penyepaduan

Apakah perbezaan antara React Native 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.

Terokai Core SDK

Bagaimanakah cara mengesahkan pengguna React Native Chat UI Kit?

Jana UserSig produksi pada backend anda. Hantarkannya kepada klien untuk pengesahan dan simpan rahsia aplikasi anda pada pelayan.

Baca panduan pengesahan

Adakah coretan React Native 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.

Ikuti tutorial penuh

Bagaimanakah harga penggunaan React Native 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.

Lihat harga Chat

Bagaimanakah saya mengintegrasikan Chat UI Kit React Native dengan React Native?

Pasang pakej dan kebergantungan natif yang didokumenkan, kemudian bina semula aplikasi natif anda. Sahkan kebenaran, kitar hayat dan panggilan balik natif tanpa menganggap runtime hanya menggunakan JavaScript.

Baca panduan platform

Bagaimanakah saya menguji Chat UI Kit React Native sebelum melancarkan aplikasi saya?

Semak log masuk, kesediaan SDK, acara hantar dan terima serta status mesej selepas sambungan semula.

Baca panduan platform

Bagaimanakah saya menyesuaikan antara muka Chat UI Kit React Native?

Salin skrin UI Kit ke dalam aplikasi apabila anda memerlukan perubahan pada peringkat skrin. Contohnya, laraskan ChatScreen dan laluan stack setempat untuk membuka perbualan daripada profil pelanggan sedia ada. Contoh rasmi menggunakan @react-navigation/native; jika anda menggantikannya, panggilan navigasi dalam skrin yang disalin juga perlu dikemas kini. Kekalkan SafeAreaProvider dan ToastRoot, dan uji aliran tersuai anda pada Android serta iOS.

Baca panduan penyesuaian

Dapatkan sokongan untuk langkah seterusnya

Soalan integrasi

Dapatkan bantuan persediaan untuk Chat UI Kit untuk React Native.

Lihat Dokumentasi Pembangun

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 React Native.

Mulakan secara percuma Lihat Panduan UI Kit

React Native Chat UI Kit

Dokumentasi & Contoh Chat UI Kit untuk React Native

Rujukan Komponen

Panduan Integrasi

Contoh & Sumber

Tempat pertemuan dalam aplikasi anda

Paparkannya dalam perbualan

Ciri penting, sedia untuk disambungkan

Senarai perbualan

UI Pemesejan

Perkongsian media

Individu dan kumpulan

Jadikan ia milik anda

Komponen yang disambungkan

Terokai React Native Chat Components

Setiap perbualan dalam jangkauan

Biarkan perbualan berkembang

Mudahkan pengguna membalas

Sesuaikan UI sembang React Native anda

Sesuaikan skrin mengikut keperluan anda

Sesuaikan dengan cara individu berhubung

Perbualan pertama anda bermula di sini

Cipta aplikasi anda

Tambah Chat UI Kit untuk React Native

Hubungkan pengguna anda

Soalan lazim tentang React Native Chat UI Kit

Bolehkah saya menggunakan komponen ini dalam Expo Go?

Apakah perbezaan antara React Native UI Kit dengan SDK?

Bagaimanakah cara mengesahkan pengguna React Native Chat UI Kit?

Adakah coretan React Native ini membentuk sebuah aplikasi yang lengkap?

Bagaimanakah harga penggunaan React Native Chat UI Kit ditentukan?

Bagaimanakah saya mengintegrasikan Chat UI Kit React Native dengan React Native?

Bagaimanakah saya menguji Chat UI Kit React Native sebelum melancarkan aplikasi saya?

Bagaimanakah saya menyesuaikan antara muka Chat UI Kit React Native?

Dapatkan sokongan untuk langkah seterusnya

Soalan integrasi

Bincangkan aplikasi anda

Bina pengalaman perbualan anda yang seterusnya

React Native
Chat UI Kit