Dash Chat 2

La interfaz de usuario de chat más completa para Flutter

Fácil de usar, altamente personalizable y totalmente destacado

Características

• Componentes totalmente personalizables
• TextInput de múltiples líneas
• Enlaces táctil usando flutter_parsed_text
• Soporte de Markdown usando Flutter_markdown
• Avatar como una foto o una foto de perfil del usuario
• Mensajes de respuesta rápida
• Cargar mensajes anteriores
• Desplácese al widget inferior
• Soporte de medios múltiples (soporte de audio: WIP)
• @ Mencionar a los usuarios (o cualquier otra cosa)
• Typing usuarios
• Responder a los mensajes - WIP
• Estado del mensaje - WIP

¿Necesitas otra característica? Puede usar el campo customProperties de los modelos, le permite pasar otros datos a la biblioteca que luego puede usar dentro de los constructores personalizados para implementar cualquier función que necesite.

Por supuesto, si cree que esta característica puede ser útil para otras personas, no dude en abrir un problema/solicitud de extracción para discutir, incluida "de forma nativa" en el paquete.

Uso básico

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

Puede ejecutar el proyecto de ejemplo para ver formas más complejas de usar el paquete.

Parámetros de DashChat

• Chatuser CurrentUser - Requerido : básicamente "usted", necesitamos saber quién es el usuario actual para poner sus mensajes al lado derecho

• Función (mensaje de chatmessage) ONSEND - requerido : función para llamar cuando el usuario envía un mensaje, ahí es donde maneja la lógica para enviar el mensaje a su backend y agregar la lista de messages

• Lista <CHATMessage> Mensajes - Requerido : la lista de mensajes del canal, generalmente no cargaría todos los mensajes a la vez, sino que usa el parámetro onLoadEarlier de MessageListOptions para activar una carga perezosa

• InputOptions InputOptions : opcional : opciones para personalizar el comportamiento y el diseño de la entrada de chat

• MessagesOptions MessageOptions - Opcional : Opciones para personalizar el comportamiento y el diseño de los mensajes

• MessageListOptions MessageListOptions - Opcional : Opciones para personalizar el comportamiento y el diseño de la lista general de mensajes

• QuickReplyOptions QuickReplyOptions - Opcional : Opciones para personalizar el comportamiento y el diseño de las respuestas rápidas

• ScrollTobottomOptions ScrollTobottomOptions - Opcional : Opciones para personalizar el comportamiento y el diseño del botón Scroll-to-Bottom

• Readonly - Opcional (predeterminado a falso): opción para hacer que el chat solo lea, ocultará el campo de entrada

• Lista <Chatuser> TypingUsers - Opcional : Lista de usuarios que actualmente escriben en el chat

Documentación completa

Puede navegar por la documentación completa del dardo aquí: Documentación

¿Encontró este proyecto útil?

Si encontró este proyecto útil, considere darle un ️ en GitHub: https://github.com/sebastienbtr/dash-chat-2

Problemas y comentarios

Si tiene alguna sugerencia para incluir una función o si algo no funciona, siéntase libre de abrir un problema de GitHub o para abrir una solicitud de extracción, ¡puede contribuir más que bien!

Colaboradores

Sebastienbtr ?	chuusungmin	Fuffesou	Nwachi Ifeanyichukwu Victor	Juegos de Kaede	Derek Pitts	Alex Fernández
Lawrence	Md. Al-amin	TPF

Créditos

Gracias a FAYEED, que creó el V1 de este paquete: https://github.com/fayeed/dash_chat y lo hizo posible.