mc_custom_notification

Description:

mc custom notification

MC Custom Notification #


pub package
Custom notifications, call notifications, message notifications, calling notifications, regular notifications, Firebase notifications

Please contribute to the discussion with issues.


screenShot #
[




]
Platform support #



Feature/platform
Android
iOS
Web
macOS
Windows
Linux




Notification
✓
╳
╳
╳
╳ (1)
╳ (1)



Features #

Show incoming call notification Event to answer Event to reject
Notification of an ongoing call Call end event Microphone on event Call mute event
Notification message With InBox like Whatsapp with a reply event, a read event, and a hide event
Notification message with a reply event, a read event, and a hide event
Regular notification with notification click event
Cancel all notifications
Cancel a specific notification
Get all notifications
Sending notifications using Firebase.
All notices contain the title of the notice, the image of the notice, the body of the notice, the payload of the notice, the hands of the notice, and the tag of the notice
You can use Firebase to receive notifications in the foreground and background without Firebase notifications appearing
When you click on the notification, if the application is closed, it opens it, and if it is running in the background, it opens it as well.

Installation #
flutter pub add mc_custom_notification
copied to clipboard
Usage #
Initializing Library #
start with Initializing mc_custom_notification
import 'package:mc_custom_notification/mc_custom_notification.dart';

Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized();

McCustomNotification().initialize(
onClick: (payload) {
//payload is detalis notification payload and tag
// set here what you want to do when the notification is clicked
},
);
runApp(const MyApp());
}

copied to clipboard
Here's a quick example that shows how to use a NotificationCall in your app
import 'package:mc_custom_notification/mc_custom_notifications.dart';

await McCustomNotification().showNotificationCall(
model: NotificationCall(
id: 1,
tag: 'tag1',
title: 'New Notification',
body: 'This is the body of the notification',
image:
"https://vpsserver.meta-code-ye.com/files/image?name=IMG-20240314-WA0007.jpg",
payload: {'id': 55, "name": "ali"},
groupKey: "call",
onAccepted: (payload) {
//set here what you want to do when the notification call is accepted
},
onDenied: () {
//set here what you want to do when the notification call is denied
},
));
copied to clipboard
Here's a quick example that shows how to use a NotificationCalling in your app
import 'package:mc_custom_notification/mc_custom_notifications.dart';

await McCustomNotification().showNotificationCalling(
model: NotificationCalling(
id: 52,
tag: 'tag18',
title: 'Normal notification ',
body: 'This is the body of the notification',
payload: {'id': 55, "name": "ali"},
groupKey: "normal53",
onEndCall: (payload) {
//set here what you want to do when the notification call is ended
},
),
);

copied to clipboard
Here's a quick example that shows how to use a NotificationMessageWithInBox in your app
import 'package:mc_custom_notification/mc_custom_notifications.dart';

await _testpluginPlugin.showNotificationMessage(
model: NotificationMessage(
useInbox: true,
id: 555,
tag: 'tag555',
title: 'Younas Ali Ahmed',
body: 'This is the body of the notification',
image:
"https://vpsserver.meta-code-ye.com/files/image?name=IMG-20240314-WA0007.jpg",
payload: {'id': 55, "name": "ali"},
groupKey: "chat",
isVibration: true,
onRead: (payload) {
//set here event to read massage
},
onReply: (payload) {
//set here event to replay massage
},
));
await _testpluginPlugin.showNotificationMessage(
model: NotificationMessage(
useInbox: true,
id: 555,
tag: 'tag555',
title: 'Mohmmed Mohmmed',
body: 'This is the body of the notification',
image:
"https://vpsserver.meta-code-ye.com/files/image?name=IMG-20240314-WA0007.jpg",
payload: {'id': 55, "name": "ali"},
groupKey: "chat",
isVibration: true,
onRead: (payload) {
//set here event to read massage
},
onReply: (payload) {
//set here event to replay massage
},
));
await _testpluginPlugin.showNotificationMessage(
model: NotificationMessage(
useInbox: true,
id: 555,
tag: 'tag555',
title: 'Salh Salh',
body: 'This is the body of the notification',
image:
"https://vpsserver.meta-code-ye.com/files/image?name=IMG-20240314-WA0007.jpg",
payload: {'id': 55, "name": "ali"},
groupKey: "chat",
isVibration: true,
onRead: (payload) {
//set here event to read massage
},
onReply: (payload) {
//set here event to replay massage
},
));

copied to clipboard
Here's a quick example that shows how to use a NotificationMessageWithOutInBox in your app
import 'package:mc_custom_notification/mc_custom_notifications.dart';

await McCustomNotification().showNotificationMessage(
model: NotificationMessage(
id: 2,
tag: 'tag12',
title: 'Younas Ali Ahmed',
body: 'This is the body of the notification',
image:
"https://vpsserver.meta-code-ye.com/files/image?name=IMG-20240314-WA0007.jpg",
payload: {'id': 55, "name": "ali"},
groupKey: "chat",
onRead: (payload) {
//set here what you want to do when the notification message is read
},
onReply: (payload) {
//set here what you want to do when the notification message is rplay
},
));

copied to clipboard
Firebase #
Here's a quick example that shows how to use a Send Notification With Firebase in your app
McCustomNotification().initialize(
projectId: "id of your project in firebase",
serviceAccount: {}// serviceAccount from firebase you can get it from google cloude,
onClick: (payload) {
//set here event when click notifications
},
);


McCustomNotification.sendNotification(
token: token,
model: NotificationModel(
title: "younas ali",
body: "hello how are you",
id: 150,
image:
"https://vpsserver.meta-code-ye.com/files/image?name=IMG-20240314-WA0007.jpg",
payload: {"id": 1, "name": "younas"},
));



copied to clipboard
Here's a quick example that shows how to use a Notification With Firebase in Background in your app

FirebaseMessaging.onBackgroundMessage(handeleBachgroundMessage);

Future<void> handeleBachgroundMessage(RemoteMessage message) async {
var payloadData = message.data;
log(payloadData.toString());
var model = NotificationModel.fromMap(payloadData);
McCustomNotification().showNotificationMessage(
model: NotificationMessage(
id: 1,
tag: message.notification?.android?.tag,
title: model.title,
body: model.body,
image: model.image,
payload: model.payload,
onRead: (payload) {
//set here event to read massage
},
onReply: (payload) {
//set here event to replay massage
},
));

copied to clipboard
Here's a quick example that shows how to use a Notification With Firebase in forgrounde in your app

FirebaseMessaging.onMessage.listen((event) {
final payload = event.data;

var model = NotificationModel.fromMap(payload);
McCustomNotification().showNotificationMessage(
model: NotificationMessage(
id: 1,
tag: model.tag,
title: model.title,
body: model.body,
image: model.image,
payload: model.payload,
onRead: (payload) {
//set here event to read massage
},
onReply: (payload) {
//set here event to replay massage
},
));
});

copied to clipboard
The rest of the things are explained in the example
About us #
Web site Meta Code.
Telegram Our business.
Telegram Meta Code.