Dash Chat 2

L'interface utilisateur de chat la plus complète pour Flutter

Facile à utiliser, hautement personnalisable et entièrement en vedette

Caractéristiques

• Composants entièrement personnalisables
• TextInput multi-lignes
• Liens touchables à l'aide de flutter_parsed_text
• Prise en charge de Markdown en utilisant Flutter_markdown
• Avatar en tant qu'initiales de l'utilisateur ou photo de profil
• Messages de réponse rapide
• Chargez des messages antérieurs
• Faites défiler vers le widget inférieur
• Support multimédia multiple (support audio: WIP)
• @ Mentionner les utilisateurs (ou toute autre chose)
• Utilisateurs à saisir
• Répondre aux messages - WIP
• État du message - WIP

Vous avez besoin d'une autre fonctionnalité? Vous pouvez utiliser le champ customProperties des modèles, il vous permet de transmettre d'autres données à la bibliothèque que vous pouvez ensuite utiliser à l'intérieur des constructeurs personnalisés pour implémenter toute fonctionnalité dont vous avez besoin.

Bien sûr, si vous pensez que cette fonctionnalité peut être utile à d'autres personnes, n'hésitez pas à ouvrir un problème / une demande de traction pour discuter de l'inclure "nativement" dans le package.

Utilisation de base

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

Vous pouvez exécuter l'exemple de projet pour voir des façons plus complexes d'utiliser le package

Paramètres de dashchat

• Chauser CurrentUser - Obligatoire : Fondamentalement, "vous", nous devons savoir qui est l'utilisateur actuel pour mettre ses messages à droite

• Fonction (ChatMessage Message) OnSend - Obligation requise : Fonction à appeler lorsque l'utilisateur envoie un message, c'est là que vous gérez la logique pour envoyer le message à votre backend et ajouter la liste des messages

• Liste <ChatMessage> Messages - Obligatoire : La liste des messages de la chaîne, vous ne chargeriez généralement pas tous les messages à la fois, mais utilisez le paramètre onLoadEarlier de MessageListOptions pour déclencher un chargement paresseux

• InputOptions InputOptions - Facultatif : Options pour personnaliser le comportement et la conception de l'entrée de chat

• MessageOptions MessageOptions - Facultatif : Options pour personnaliser le comportement et la conception des messages

• MessageListOptions MessageListOptions - Facultatif : Options pour personnaliser le comportement et la conception de la liste globale du message

• QuickRepLyOptions QuickReplyOptions - Facultatif : Options pour personnaliser le comportement et la conception des réponses rapides

• ScrollTobottomOptions ScrollTobottomOptions - Facultatif : Options pour personnaliser le comportement et la conception du bouton de défilement à fond

• ReadOnly - Facultatif (par défaut TO FAUX): Option pour faire lire le chat uniquement, il masquera le champ de saisie

• Liste <ChuSer> Typingusers - Facultatif : Liste des utilisateurs Tapage actuellement le chat

Documentation complète

Vous pouvez parcourir la documentation complète de Dart ici: documentation

Vous avez trouvé ce projet utile?

Si vous avez trouvé ce projet utile, veuillez envisager de lui donner un ourdons sur github: https://github.com/sebastienbtr/dash-chat-2

Problèmes et commentaires

Si vous avez des suggestions pour inclure une fonctionnalité ou si quelque chose ne fonctionne pas, n'hésitez pas à ouvrir un problème GitHub ou à ouvrir une demande de traction, vous êtes plus que bienvenu pour contribuer!

Contributeurs

Sébastienbtr ?	chuusungmin	fufesou	Nwachi ifeanyichukwu Victor	Jeux Kaede	Derek Pitts	Alex Fernandez
Lawrence	Md. Al-amin	TPF

Crédits

Merci à Fayeed qui a créé le V1 de ce package: https://github.com/fayeed/dash_chat et a rendu cela possible!