Flutter 2 - Chat App with backend firebase ( Notification , Badge, Send image , is read, Auth )
#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
Watch video Flutter 2 - Chat App with backend firebase ( Notification , Badge, Send image , is read, Auth ) online without registration, duration hours minute second in high quality. This video was added by user Loyd Lab 04 April 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,67 once and liked it 2 people.