Flutter: Foreground notification is not working in firebase messaging

Question

I need to show firebase notifications when the app is on foreground by using local notification but it is not working.

  FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin=new FlutterLocalNotificationsPlugin();

  static  FirebaseMessaging _firebaseMessaging = FirebaseMessaging();
  static StreamController<Map<String, dynamic>> _onMessageStreamController =
  StreamController.broadcast();
  static StreamController<Map<String, dynamic>> _streamController =
  StreamController.broadcast();
  static final Stream<Map<String, dynamic>> onFcmMessage =
      _streamController.stream;

  @override
  void initState() {
    super.initState();

    var android=AndroidInitializationSettings('mipmap/ic_launcher.png');
    var ios=IOSInitializationSettings();
    var platform=new  InitializationSettings(android,ios);
    flutterLocalNotificationsPlugin.initialize(platform);

    firebaseCloudMessaging_Listeners();
  }

Here is the Firebase Code

 void firebaseCloudMessaging_Listeners() {

if (Platform.isIOS) iOS_Permission();

_firebaseMessaging.getToken().then((token) {
  print("FCM TOKEN--" + token);
});
_firebaseMessaging.configure(
  onMessage: (Map<String, dynamic> message) async {
    print('on message $message');
    showNotification(message);
  },
  onResume: (Map<String, dynamic> message) async {
    print('on resume $message');
  },
  onLaunch: (Map<String, dynamic> message) async {
    print('on launch $message');
  },
);


}

This is showNotification method

 void showNotification(Map<String, dynamic> msg) async{
    print(msg);
    var android = new AndroidNotificationDetails(
        'my_package', 'my_organization', 'notification_channel', importance: Importance.Max, priority: Priority.High);
    var iOS = new IOSNotificationDetails();
    var platform=new NotificationDetails(android, iOS);
    await flutterLocalNotificationsPlugin.show(
      0,'My title', 'This is my custom Notification', platform,);
  }

and Firebase Response

{notification: {title: Test Title, body: Test Notification Text}, data: {orderid: 2, click_action: FLUTTER_NOTIFICATION_CLICK, order name: farhana}}

@Farhana Are you able to fix this? i am also struggling with the same. — Roxx
– Roxx, Commented Dec 9, 2020 at 11:22
can you share some of the working code. Also wants to understand if i am on different page then do i get the onmessage notification? Or need to define it everywhere. stackoverflow.com/questions/65166526/… — Roxx
– Roxx, Commented Dec 9, 2020 at 11:27

Abd Alrahman Alhayek · Accepted Answer · 2021-07-27 20:32:08Z

8

You can find the answer in FlutterFire documentation https://firebase.flutter.dev/docs/migration/#messaging

You just add to your code the following line

    FirebaseMessaging.instance.setForegroundNotificationPresentationOptions(alert: true, badge: true, sound: true);

answered Jul 27, 2021 at 20:32

Abd Alrahman Alhayek

2,0722 gold badges19 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

lenz Over a year ago

Wow! THIS is the correct answer. THANK YOU. Note: Be sure to add this after you app is initialized, ie after await Firebase.initializeApp();

Abd Alrahman Alhayek Over a year ago

Anytime bro @lenz

bytesizedwizard · Accepted Answer · 2019-02-12 05:31:35Z

4

There is an active issue logged on GitHub repository for the package regarding the same. Firebase messaging and local notifications won't work together on iOS since you can register only a single delegate for notifications.

Check out: https://github.com/MaikuB/flutter_local_notifications/issues/111

There's also an active flutter issue for the same: https://github.com/flutter/flutter/issues/22099

answered Feb 12, 2019 at 5:31

bytesizedwizard

6,1013 gold badges20 silver badges40 bronze badges

8 Comments

Farhana Naaz Ansari Over a year ago

I'm working for Android, later on, I will work for ios and thanks for the info

bytesizedwizard Over a year ago

Are you getting any kind of error or exception on Android? Or the notification won't show up?

Farhana Naaz Ansari Over a year ago

i check on debug mode but no exception i was getting

bytesizedwizard Over a year ago

I just tested the above code on Android and it is working for me. Can you check where exactly your code is failing? Is the print(msg) statement inside showNotification() getting executed?

Farhana Naaz Ansari Over a year ago

actually, I was testing in oreo devic;

|

Usman · Accepted Answer · 2019-09-13 14:04:00Z

4

Problem: See the Push Notification while application is in foreground.

Solution: I was using firebase_message plugin and I was able to see the Push Notification while application is in foreground by making these few changes in my flutter project's iOS AppDelegate.swift file in flutter project.

import UIKit
import Flutter
import UserNotifications

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate, UNUserNotificationCenterDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?
  ) -> Bool {
    GeneratedPluginRegistrant.register(with: self)
    // set the delegate in didFinishLaunchingWithOptions
    UNUserNotificationCenter.current().delegate = self
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
    // This method will be called when app received push notifications in foreground
    func userNotificationCenter(_ center: UNUserNotificationCenter, willPresent notification: UNNotification, withCompletionHandler completionHandler: @escaping (UNNotificationPresentationOptions) -> Void)
    {
        completionHandler([.alert, .badge, .sound])
    }
}

Note: This also works while using with flutter_local_notification plugin but with an issue that onSelectNotification is not working due to changes done above.

edited Sep 13, 2019 at 14:04

answered Sep 13, 2019 at 13:05

Usman

2,57733 silver badges36 bronze badges

2 Comments

Zubair Rehman Over a year ago

i can see the notification in foreground but my onMessage is not getting called. Any solution for this?

Gautam Kumar Over a year ago

If you set the delegate in didFinishLaunchingWithOptions then you will not be able to show a notification if you send notification object in the FCM payload and if you remove the user notification delegate method then show notification will not work

Thanos · Accepted Answer · 2020-08-12 01:29:39Z

1

For not receiving the notification in foreground make sure the android drawable file contains the launcher_icon or the icon which you have set in shownotification function.

answered Aug 12, 2020 at 1:29

Thanos

192 silver badges1 bronze badge

Comments

bounxye · Accepted Answer · 2021-02-04 11:00:49Z

0

I also couldn't get firebase notifications with flutter_local_notifications working on iOS in foreground. Background notifications worked fine. Problem was that firebase notification data is different on iOS. Notification data is not ["notification"]["title"] as in android but ["aps"]["alert"]["title"].

answered Feb 4, 2021 at 11:00

bounxye

3511 gold badge7 silver badges16 bronze badges

Collectives™ on Stack Overflow

Flutter: Foreground notification is not working in firebase messaging

5 Answers 5

2 Comments

8 Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

8 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related