【文件属性】:
文件名称:react-bell-chat:易于使用的React用户聊天界面
文件大小:639KB
文件格式:ZIP
更新时间:2021-04-17 02:54:35
react chat reactjs chat-application chatapp
:bell: 反响聊天
用于构建聊天UI的React组件库。
演示
特征
像滚动行为一样聊天(例如,自动滚动到底部)
滚动到顶部时,加载更多消息(具有自定义阈值)
超级好用
定制任何东西
作者头像
每位作者的最新消息
显示作者是否在打字
自动日期行(当以下消息来自与前一个日期不同的日期时)
请记住,该项目仍处于开发的早期阶段。 如果您遇到错误或有功能要求,请创建一个问题。
安装
npm install react-bell-chat --save
或者
yarn add react-bell-chat
基本用法
import { ChatFeed } from 'react-bell-chat'
// Your code stuff...
render ( ) {
return (
// Your JSX...
< ChatFeed
messages = {
【文件预览】:
react-bell-chat-master
----.babelrc(48B)
----docs()
--------index.html(3KB)
--------dist()
----package.json(3KB)
----tslint.json(3KB)
----.prettierrc(88B)
----LICENSE(1KB)
----.DS_Store(8KB)
----src()
--------lib()
--------demo()
----.npmignore(48B)
----.eslintrc.js(2KB)
----.yarnclean(22B)
----tsconfig.json(497B)
----.gitignore(4KB)
----lib()
--------index.min.js(26KB)
--------SystemChatBubble()
--------ChatFeed()
--------index.js(26KB)
--------DateRow()
--------index.min.js.map(32KB)
--------index.js.map(77KB)
--------LoadingMessages()
--------IsTyping()
--------index.d.ts(1KB)
--------ChatBubble()
--------ChatInput()
--------Author()
--------ChatScrollArea()
--------utils()
--------Avatar()
--------LastSeenAvatar()
--------Message()
--------BubbleGroup()
----README.md(5KB)
----yarn.lock(313KB)
----webpack()
--------webpack.config.min.js(513B)
--------webpack.config.gh-pages.js(2KB)
--------webpack.config.base.js(2KB)
--------src()
--------webpack.config.js(774B)
--------webpack.config.dev.js(2KB)
----.vscode()
--------settings.json(3B)