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

Опубликовано: 08 Октябрь 2024
на канале: Loyd Lab

1,675

#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