MC Custom Notification

English Arabic

pub package

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

Please contribute to the discussion with issues.

screenShot

<img src="https://meta-code-ye.com/images/image/1.jpg" width="200" style="margin-right: 10px;" /> <img src="https://meta-code-ye.com/images/image/2.jpg" width="200" style="margin-right: 10px;" /> <img src="https://meta-code-ye.com/images/image/3.jpg" width="200" style="margin-right: 10px;" /> <img src="https://meta-code-ye.com/images/image/4.jpg" width="200" style="margin-right: 10px;" /> <img src="https://meta-code-ye.com/images/image/5.jpg" width="200" style="margin-right: 10px;" />

Platform support

Feature/platform Android iOS Web macOS Windows Linux
Notification ✓ ╳ ╳ ╳ ╳ (1) ╳ (1)

Features

  1. Show incoming call notification Event to answer Event to reject
  2. Notification of an ongoing call Call end event Microphone on event Call mute event
  3. Notification message With InBox like Whatsapp with a reply event, a read event, and a hide event
  4. Notification message with a reply event, a read event, and a hide event
  5. Regular notification with notification click event
  6. Cancel all notifications
  7. Cancel a specific notification
  8. Get all notifications
  9. Sending notifications using Firebase.
  10. 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
  11. You can use Firebase to receive notifications in the foreground and background without Firebase notifications appearing
  12. 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

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());
}

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
                    },
        ));

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
                      },
                    ),
                  );

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
                    },
                  ));

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
                    },
                  ));

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"},
                      ));

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
    },
  ));

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
        },
      ));
    });

The rest of the things are explained in the example

About us

Web site Meta Code.

Telegram Our business.

Telegram Meta Code.

Libraries

mc_custom_notification