Dash Chat 2

Flutter를위한 가장 완전한 채팅 UI

사용하기 쉽고 사용자 정의가 가능하며 완전히 특징이 있습니다

특징

• 완전히 사용자 정의 가능한 구성 요소
• 멀티 라인 텍스트
• flutter_parsed_text를 사용하는 터치 가능한 링크
• flutter_markdown을 사용한 마크 다운 지원
• 사용자의 이니셜 또는 프로필 사진으로 아바타
• 빠른 응답 메시지
• 이전 메시지를로드하십시오
• 하단 위젯으로 스크롤하십시오
• 다중 미디어 지원 (오디오 지원 : WIP)
• @ 언급 사용자 (또는 다른 것)
• 입력 사용자
• 메시지에 답장 - WIP
• 메시지 상태 -WIP

다른 기능이 필요하십니까? 모델의 customProperties 필드를 사용할 수 있으므로 다른 데이터를 라이브러리로 전달하여 사용자 정의 빌더 내부를 사용하여 필요한 기능을 구현할 수 있습니다.

물론,이 기능이 다른 사람들에게 유용 할 수 있다고 생각되면, 패키지에 "기본적으로"그것을 포함하여 논의하기 위해 문제/풀 수개를 자유롭게 열어주십시오.

기본 사용

 import 'package:dash_chat_2/dash_chat_2.dart' ;
import 'package:flutter/material.dart' ;

class Basic extends StatefulWidget {
  @override
  _BasicState createState () => _BasicState ();
}

class _BasicState extends State < Basic > {
  ChatUser user = ChatUser (
    id : '1' ,
    firstName : 'Charles' ,
    lastName : 'Leclerc' ,
  );

  List < ChatMessage > messages = < ChatMessage > [
    ChatMessage (
      text : 'Hey!' ,
      user : user,
      createdAt : DateTime . now (),
    ),
  ];

  @override
  Widget build ( BuildContext context) {
    return Scaffold (
      appBar : AppBar (
        title : const Text ( 'Basic example' ),
      ),
      body : DashChat (
        currentUser : user,
        onSend : ( ChatMessage m) {
          setState (() {
            messages. insert ( 0 , m);
          });
        },
        messages : messages,
      ),
    );
  }
}

예제 프로젝트를 실행하여 패키지 사용 방법보다 복잡한 방법을 볼 수 있습니다.

Dashchat의 매개 변수

• Chatuser currentUser - 필수 : 기본적으로 "귀하", 우리는 현재 사용자가 오른쪽에 메시지를 넣으려면 누가 누구인지 알아야합니다.

• function (chatmessage message) onsend- 필수 : 사용자가 메시지를 보낼 때 호출 할 함수, 그곳에서 논리를 처리하여 메시지를 백엔드로 보내고 messages 목록을 추가합니다.

• 목록 <CatMessage> 메시지 - 필수 : 채널의 메시지 목록, 일반적으로 모든 메시지를 한 번에로드하지는 않지만 MessageListOptions 의 onLoadEarlier 매개 변수를 사용하여 게으른로드를 트리거합니다.

• 입력 inputOptions- 선택 사항 : 채팅 입력의 동작 및 설계를 사용자 정의하는 옵션

• MessageOptions MessageOptions- 선택 사항 : 메시지의 동작 및 디자인을 사용자 정의하는 옵션

• Messagelistoptions Messagelistoptions- 선택 사항 : 전체 메시지 목록의 동작 및 디자인을 사용자 정의하는 옵션

• QuickReplyOptions QuickReplyOptions- 선택 사항 : 빠른 답변의 동작 및 디자인을 사용자 정의하는 옵션

• scrolltobottomoptions scrolltobottomoptions- 선택 사항 : 스크롤-바닥 버튼의 동작 및 디자인을 사용자 정의하는 옵션

• ReadOnly- 선택 사항 (기본값으로 거짓으로) : 채팅을 읽는 옵션 만 입력 필드를 숨 깁니다.

• List <CHATUSER> TYPINGUSERS- 선택 사항 : 현재 채팅에서 입력하는 사용자 목록

전체 문서

여기에서 전체 다트 문서를 탐색 할 수 있습니다 : 문서화

이 프로젝트가 유용하다고 생각 했습니까?

이 프로젝트가 유용하다고 생각되면 github : https://github.com/sebastienbtr/dash-chat-2에 닐에게 제공하는 것이 좋습니다.

문제와 피드백

기능을 포함시키기위한 제안이 있거나 무언가가 작동하지 않으면 GitHub 문제를 열거 나 풀 요청을 열어 주시면 기부 할 수있는 환영을받을 수 있습니다!

기고자

Sebastienbtr ?	추스 룽 민	Fufesou	Nwachi Ifeanyichukwu Victor	Kaede 게임	데릭 피츠	알렉스 페르난데스
로렌스	알-아민	TPF

크레딧

이 패키지의 V1을 만든 Fayeed에게 감사합니다 : https://github.com/fayeed/dash_chat!