Dash Chat 2

Die vollständigste Chat -Benutzeroberfläche für Flattern

Einfach zu bedienend, hoch anpassbar und vollständig vorgestellt

Merkmale

• Vollständig anpassbare Komponenten
• Multi-Line-Textinput
• Berührbare Links mit Flutter_Parsed_text
• Markdown -Unterstützung mit Flutter_Markdown
• Avatar als Initialen oder Profilbild des Benutzers
• Schnelle Antwortmeldungen
• Laden Sie frühere Nachrichten
• Scrollen Sie nach unten Widget
• Mehrfacher Medienunterstützung (Audiounterstützung: WIP)
• @ Erwähnen Sie Benutzer (oder etwas anderes)
• Benutzer tippen
• Antwort auf Nachrichten - WIP
• Nachrichtenstatus - WIP

Sie brauchen eine andere Funktion? Sie können das Feld customProperties der Modelle verwenden. Dadurch können Sie andere Daten an die Bibliothek weitergeben, die Sie dann in benutzerdefinierten Bauherren verwenden können, um jede von Ihnen benötigte Funktion zu implementieren.

Wenn Sie der Meinung sind, dass diese Funktion für andere Personen nützlich sein kann, können Sie ein Problem/eine Pull-Request öffnen, um es "nativ" in das Paket zu diskutieren.

Grundnutzung

 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,
      ),
    );
  }
}

Sie können das Beispielprojekt ausführen, um komplexere Möglichkeiten für die Verwendung des Pakets zu sehen

Parameter von Dashchat

• Der Chatuser Currentuser - Erforderlich : Grundsätzlich "Sie" müssen wir wissen, wer der aktuelle Benutzer ist, der ihre Nachrichten auf die rechte Seite legt

• Funktion (ChatMessage -Nachricht) ONSEND - Erforderlich : Funktion zum Aufrufen, wenn der Benutzer eine Nachricht messages

• Liste <ChatMessage> Nachrichten - Erforderlich : MessageListOptions onLoadEarlier Liste der Nachrichten des Kanals laden Sie normalerweise nicht alle Nachrichten gleich

• Inputoptions Inputoptions - Optional : Optionen zum Anpassen des Verhaltens und des Designs der Chat -Eingabe

• MessageOptions MessageOptions - Optional : Optionen zum Anpassen des Verhaltens und des Designs der Nachrichten

• Messagelistoptions Messagelistoptions - Optional : Optionen zum Anpassen des Verhaltens und des Designs der Gesamtliste der Nachrichtenanpassung

• QuickRepryoptions QuickRepryoptions - Optional : Optionen zum Anpassen des Verhaltens und des Designs der schnellen Antworten

• ScrolltobottomOptions ScrolltobottomOptions - Optional : Optionen zum Anpassen des Verhaltens und des Designs der Schaltfläche zum Bottom-Bottom

• Readonly - optional (Standard zu False): Option, um den Chat nur lesen zu lassen, wird das Eingabefeld ausgeblendet

• LISTE <CHATURER> TIPPERUTUER - Optional : Liste der Benutzer, die derzeit im Chat eingeben

Vollständige Dokumentation

Sie können die vollständige Dartdokumentation hier durchsuchen: Dokumentation

Fand dieses Projekt nützlich?

Wenn Sie dieses Projekt nützlich fanden, sollten Sie es unter Github: https://github.com/sebastienbtr/dash-chat-2 erhalten

Probleme und Feedback

Wenn Sie Vorschläge für die Aufnahme einer Funktion haben oder wenn etwas nicht funktioniert, können Sie ein Github -Problem öffnen oder eine Pull -Anfrage öffnen, Sie können mehr als willkommen beitragen!

Mitwirkende

Sebastienbtr ?	Chuusungmin	fufesou	Nwachi ifeanyichukwu Victor	Kaede -Spiele	Derek Pitts	Alex Fernandez
Lawrence	Md. Al-Amin	TPF

Credits

Vielen Dank an Fayeed, der den v1 dieses Pakets erstellt hat: https://github.com/fayeed/dash_chat und ermöglicht das!