Dash Chat 2

フラッターのための最も完全なチャット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 culernuser-必須：基本的に「あなた」、メッセージを右側に配置する現在のユーザーが誰であるかを知る必要があります

• function（chatmessage message）onsend-必須：ユーザーがメッセージを送信するときに呼び出す関数。ロジックを処理してメッセージをバックエンドに送信し、 messagesのリストを追加します

• リスト<Chatmessage>メッセージ-必須：チャンネルのメッセージのリスト、通常、すべてのメッセージを一度にロードするのではなく、 MessageListOptionsのonLoadEarlier Paramを使用して怠zyなロードをトリガーします

• inputoptions inputoptions-オプション：チャット入力の動作とデザインをカスタマイズするオプション

• メッセージオプションメッセージオプション-オプション：メッセージの動作とデザインをカスタマイズするオプション

• MessageListoptionsMesagelistoptions-オプション：メッセージの全体的なリストの動作とデザインをカスタマイズするオプション

• QuickReplyoPtions QuickReplyoPtions-オプション：クイック返信の動作と設計をカスタマイズするオプション

• scrolltobottomoptions scrolltobottomoptions - optional ：scroll-to-bottomボタンの動作とデザインをカスタマイズするオプション

• readonly-オプション（デフォルトにfalse）：チャットを読み取るオプション、入力フィールドが非表示になります

• リスト<Chatuser> TypingUsers-オプション：チャットで現在入力しているユーザーのリスト

完全なドキュメント

ここでは、完全なDARTドキュメントを閲覧できます：ドキュメント

このプロジェクトは役立ちましたか？

このプロジェクトが便利だと思った場合は、github：https：//github.com/sebastienbtr/dash-chat-2でそれを与えることを検討してください

問題とフィードバック

機能を含めるための提案がある場合、または何かが機能しない場合は、GitHubの問題を自由に開いたり、プルリクエストを開いたりしてください。

貢献者

sebastienbtr ？	Chuusungmin	fufesou	Nwachi Ifeanyichukwu Victor	Kaede Games	デレク・ピッツ	アレックス・フェルナンデス
ローレンス	Md。Al-Amin	TPF

クレジット

このパッケージのV1を作成したFayeeeedに感謝します：https：//github.com/fayeed/dash_chatを作成しました。