react chat ui 다운로드 - react chat ui 소스 코드 다운로드

react chat ui

AI 소스 코드

0.4

다운로드

반응 채팅 UI

채팅 UI 구축을 위한 React 구성 요소 라이브러리입니다.

스폰서

Pusher Chatkit 후원:

특징

아래쪽으로 자동 스크롤
매우 사용하기 쉽습니다.
여러 사용자 그룹화(데모에서 사용해 보세요)

이 프로젝트는 아직 개발 초기 단계에 있다는 점을 명심하세요. 버그가 발생하거나 기능 요청이 있는 경우 여기에서 문제를 작성하거나 저에게 트윗해 주세요.

설치

npm install react-chat-ui --save

기본 사용법

 import { ChatFeed, Message } from 'react-chat-ui'// 코드 내용...render() {

  return (// Your JSX...<ChatFeed message={this.state.messages} // 배열: 메시지 객체 목록 isTyping={this.state.is_typing} // 부울: 수신자가 타이핑을 하고 있습니다. hasInputField={false} // 부울: 입력을 사용하거나 자체 showSenderName을 사용합니다. // 메시지를 보낸 사용자의 이름을 표시합니다. bubbleCentered={false} //부울은 거품이 중앙에 위치해야 합니다. Feed? // JSON: 사용자 정의 풍선 스타일 bubbleStyles={{ text: {fontSize: 30 }, chatbubble: {borderRadius: 70,padding: 40 }} }/>// JSX...

  )}

클래스 상태에 적절한 메시지 개체 목록을 유지해야 합니다. 다음과 같습니다:

 //...this.state = {
  message: [new Message({ id: 1, message: "내가 수신자입니다! (지금 대화하고 있는 사람)",}), // Gray bubblenew Message({ id: 0, message: "나' m 당신 -- 파란 거품!" }), // 파란 거품
  ],
  //...};//...