Flutter chat

flutter_chat

Помощник по чату для создания приложения чата во Flutter с использованием Firebase в качестве серверных служб.

Демо-версия приложения Checkout для Android

Веб-демо-версия оформления заказа

Просто чат, веб-демо

Поддержка развития

Если этот проект оказался для вас полезным или вы узнали что-то из исходного кода и хотите меня поблагодарить, подумайте о том, чтобы купить мне чашечку ☕️

PayPal

Функции:

1. 1-1 чат.
2. Общайтесь только с добавленными друзьями (Конфиденциальность). Новый
3. Поделиться изображением с галереей/камерой
4. Онлайн-статус пользователя
5. Поддержка Flutter Web

Следующий будущий объем

1. Уведомление
2. Групповой чат
3. Принятие пользователя по запросу в чат
4. поделиться местоположением в чате

Скриншоты:

Начиная

• Добавьте это в файл pubspec.yaml вашего пакета:
  зависимости:
  flutter_chat

• Добавьте Firebase в свой проект Android и iOS.

• Правила безопасности хранения:

  Rules_version = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { разрешить чтение, запись: if request.auth != null; } } }

• Правила безопасности для Cloud FireStore:

  service cloud.firestore { match /databases/{database}/documents { match /{document=**} { разрешить чтение, запись: if request.auth != null; } } }

• Вы можете изменить правила безопасности по своему усмотрению.

• Разверните «Облачную функцию» на Firebase. (предоставляется в папке CloudFunction, используется для отображения статуса пользователя онлайн/офлайн).

• Создайте класс виджета с сохранением состояния и вызовите метод в теле (пример можно найти в репозитории Github),
  внутри initState():
  -> ChatData.init("имя приложения",context);
  и в теле сборки виджета:
  -> ChatData.widgetWelcomeScreen(контекст)

флаттер паутина

• Если вы хотите запустить проект Flutter-Chat в Интернете, перейдите в «Приложение», Firebase-> «Настройки», а затем добавьте новое приложение в Интернете. Следуйте инструкциям, поместите сценарий firebaseConfig в index.html в веб-папку,

<script> // Конфигурация Firebase вашего веб-приложения var firebaseConfig = { ..... .... } </script>

Наслаждайтесь трепетанием