Add Push Notification in Flutter App via FireBase

FireBase Segment

1. Create a Firebase account
2. Go to Firebase Console.
3. Tap  Add Project for the new project.
4. Enter the details of your project and tap Create Project.
5. Click Continue. 

Add your App To Firebase Project

1. Tap Android device.
2. Tap android > app > build.gradle.
3. Copy the applicationId under defaultconfig.
4. Then paste the ID on the Android Package name.
5. Then tap Register App.
6. Now Download google-services.json.
7. Copy the Google-services.json file and then paste it into android > app > src.

Add Firebase SDK

1. Copy the 1st link and then go to project > build.gradle.  Paste classpath ‘com.google.gms:google-services:4.0.1’ under dependencies.
2. Now copy the 2nd link and then go to project > app-model > build.gradle. paste apply plugin: ‘com.google.gms.google-services’  at the end of the code
3. Then tap next.
4. Run your flutter project first and then uninstall it.
5. Again run the flutter App.
6. Finally, you receive a Flutter Notification window.
7. Here you can enter the notification title, text, duration, and tap review.

8. Finally, tap Publish.

Flutter Segment

First Install the package

1. After creating a new flutter document move to pubspec.yaml file
2. Find Dependencies and then add the package name.

Note: you should add under cupertino_icons: ^0.1.2

firebase_core:

firebase_messaging:

3. Tap Package get at the top right corner.

Import the package

1. Import the package under the basic package

import 'package:firebase_messaging/firebase_messaging.dart';

2. Given coding is to  Configure your notification.

 firebaseMessaging.configure(

    onMessage: (Map<String, dynamic> message) {

      print('on message $message');

    },

    onResume: (Map<String, dynamic> message) {

      print('on resume $message');

    },

    onLaunch: (Map<String, dynamic> message) {

      print('on launch $message');

    },

  );

firebaseMessaging.requestNotificationPermissions(

        const IosNotificationSettings(sound: true, badge: true, alert: true));

    firebaseMessaging.getToken().then((token) {

      print(token);

    });

4. Tokens are one of the important concepts for firebase notification

firebaseMessaging.getToken().then((token) {

    update(token);

  });

Output: