Flutter 2 - Chat App with backend firebase ( Notification , Badge, Send image , is read, Auth )

Опубликовано: 04 Апрель 2021
на канале: Loyd Lab
1,675
23

#Shorts #Flutter #Chatapp

Please comment on any questions! I will reply it as soon as possible :)

If you buy me a coffee, I really appreciate it 🙇🏻‍♂️🙇🏻‍♂️🙇🏻‍♂️😀

Link: https://www.buymeacoffee.com/loydkim

Download code: https://github.com/loydkim/chat_app_loyd

** To use it, you have to change your permission in the Database and Storage of the firebase.

Go to Firebase Console - Database - Rule. Change it this

rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /{document=**} {
allow read, write: if request.auth != null;
}
}
}

And change the permission in Storage

Go to Firebase Console - Storage - Rules.

rules_version = '2';
service firebase.storage {
match /b/{bucket}/o {
match /{allPaths=**} {
allow read, write: if request.auth != null;
}
}
}

And To use notification, Please copy your firebase project server String to Model/const.dart file

Go to Firebase Console - Project settings - Cloud Messaging - Server key.

Model/const.dart file

const String firebaseCloudserverToken = 'YOUR_FB_SERVER_KEY';

Main features *

Realtime chatting with chat date ( Don't need a refresh )
Push Notification with Image( Background, Foreground )
Check is Read Message
Custom Local Notification design
Badge count ( Show unread message count)
Send an image and edit ( Crop image and it can expand the image)

The chat function is used in many apps. Flutter allows you to create iPhone and Android apps simultaneously. The main functions are push notification (background, foreground), Badge count, send an image, chat realtime. If you have any problems with my code or have any ideas to update, please leave a comment.

Develop environment.

Flutter SDK Version: 2.0.1
Dart: 2.12.0
Xcode Version: 12.4
Android Studio: 4.1
OS Version: MacOS Big Sur 11.2.3


Смотрите видео Flutter 2 - Chat App with backend firebase ( Notification , Badge, Send image , is read, Auth ) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Loyd Lab 04 Апрель 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,67 раз и оно понравилось 2 людям.