Flutter chat

flutter_chat

Un Chat Helper para crear una aplicación de chat en Flutter usando Firebase como servicios backend.

Pagar la demostración de la aplicación de Android

Pagar demostración web

Simplemente chatee con la demostración web

Desarrollo de soporte

Si este proyecto te resultó útil o aprendiste algo del código fuente y quieres agradecerme, considera comprarme una taza de ☕️

PayPal

Características:

1. Charla 1-1.
2. Chatea solo con amigos agregados (Privacidad). Nuevo
3. Compartir foto con galería/cámara
4. Estado en línea del usuario
5. Compatible con Flutter Web

Próximo alcance futuro

1. Notificación
2. Chat grupal
3. Aceptación del usuario en solicitud de chat
4. compartir ubicación en el chat

Capturas de pantalla:

Empezando

• Agregue esto al archivo pubspec.yaml de su paquete:
  dependencias:
  flutter_chat

• Agregue firebase en su proyecto de Android e iOS.

• Reglas de seguridad para el almacenamiento:

  versión_reglas = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { permitir lectura, escritura: if request.auth != null; } } }

• Reglas de seguridad para Cloud fireStore:

  service cloud.firestore { match /databases/{database}/documents { match /{document=**} { permitir lectura, escritura: if request.auth != null; } } }

• Puede modificar las reglas de seguridad según sus necesidades.

• Implemente la "Función de nube" en Firebase. (proporcionada en la carpeta cloudFunction, utilizada para mostrar el estado en línea/fuera de línea del usuario).

• Cree una clase de widget con estado y llame al método en el cuerpo (se puede encontrar un ejemplo en el repositorio de Github),
  dentro de initState():
  -> ChatData.init("nombre de la aplicación",contexto);
  y en el cuerpo de la compilación del widget:
  -> ChatData.widgetWelcomeScreen(contexto)

Web de aleteo

• Si desea ejecutar el proyecto Flutter-Chat, en la web, vaya a Aplicación, Firebase->Configuración y luego agregue una nueva aplicación, web. Siga las instrucciones. Coloque el script firebaseConfig en index.html en la carpeta web.

<script> // La configuración de Firebase de tu aplicación web var firebaseConfig = { ..... .... } </script>

Disfruta del aleteo