react chat ui

reaksi-obrolan-ui

Pustaka komponen React untuk membangun UI obrolan.

Sponsor

Disponsori oleh Pusher Chatkit:

Fitur

• Gulir otomatis ke bawah

• SANGAT mudah digunakan

• Pengelompokan beberapa pengguna (cobalah di demo)

Perlu diingat bahwa proyek ini masih dalam tahap awal pengembangan. Jika Anda menemukan bug atau memiliki permintaan fitur, silakan buat masalah dan/atau tweet saya di sini.

Instalasi

npm install react-chat-ui --save

Penggunaan Dasar

 import { ChatFeed, Message } from 'react-chat-ui'// Kode Anda...render() {

  return (// JSX Anda...<ChatFeed messages={this.state.messages} // Array: daftar objek pesan isTyping={this.state.is_typing} // Boolean: apakah penerima mengetik hasInputField={false} // Boolean: gunakan masukan kami, atau gunakan showSenderName Anda sendiri // tampilkan nama pengguna yang mengirim pesan bubblesCentered={false} //Boolean jika gelembung berada di tengah umpan? // JSON: Gaya gelembung khusus bubbleStyles={{ teks: {fontSize: 30 }, gelembung obrolan: {borderRadius: 70,padding: 40 }} }/>// BEJ Anda...

  )}

Pastikan untuk menyimpan daftar objek pesan yang tepat di status kelas Anda. Seperti:

 //...ini.keadaan = {
  pesan: [Pesan baru({ id: 1, pesan: "Saya penerimanya! (Orang yang Anda ajak bicara)",}), // Gelembung abu-abupesan baru({ id: 0, pesan: "Saya' aku kamu -- gelembung biru!" }), // Gelembung biru
  ],
  //...};//...

API

• Umpan Obrolan

• Pesan

• Gelembung Obrolan

• Grup Gelembung

Berkontribusi!¡1 ?

Kontribusi selalu disambut dan didorong. Jika kamu tidak ingin menulis permintaan fitur sendiri, beri tahu ya boi (baik di Twitter atau dengan membuat Permintaan Tarik) dan saya akan segera mengkodekannya.

TODO

• dokumentasi

• dokumentasi

• dokumentasi

Perkembangan

 pengembang benang