Beginning FlutterFire

Aug 30 2022 · Dart 2.16, Flutter 3.0, Visual Studio Code 1.69

Part 5: Add Notifications with Firebase Cloud Messaging

22. Add Cloud Messaging to Your App

Episode complete

Play next episode

Next
About this episode
Leave a rating/review
See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 21. Leverage Firebase Cloud Messaging Next episode: 23. Set Cloud Messaging Permissions on iOS

Get immediate access to this and 4,000+ other videos and books.

Take your career further with a Kodeco Personal Plan. With unlimited access to over 40+ books and 4,000+ professional videos in a single subscription, it's simply the best investment you can make in your development career.

Learn more Already a subscriber? Sign in.

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

The Flutterfire plugin that adds the Cloud Messaging capabilities is called firebase_messaging.

flutter pub add firebase_messaging 
import 'package:firebase_messaging/firebase_messaging.dart'; 
final messaging = FirebaseMessaging.instance; 
FirebaseMessaging.onBackgroundMessage(_handleMessage); 
Future<void> _handleMessage(RemoteMessage message) async { 
  print('background message title ${message.notification!.title}'); 
  print('background message body ${message.notification!.body}'); 
  print('background data ${message.data.length}'); 
} 
FirebaseMessaging.onMessage.listen((RemoteMessage message) { 
    print('Message received in the foreground!'); 
    if (message.notification != null) { 
      print( 
          'Message notification: ${message.notification?.body}'); 
    } 
  });