import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_messaging/firebase_messaging.dart';
Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
// This handler runs when app is in background or terminated
print('Background message received: ${message.messageId}');
}
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: PushNotificationDemo(),
);
}
}
class PushNotificationDemo extends StatefulWidget {
const PushNotificationDemo({super.key});
@override
State<PushNotificationDemo> createState() => _PushNotificationDemoState();
}
class _PushNotificationDemoState extends State<PushNotificationDemo> {
String _message = '<No message yet>';
final FirebaseMessaging _messaging = FirebaseMessaging.instance;
@override
void initState() {
super.initState();
_requestPermission();
_listenForegroundMessages();
}
void _requestPermission() async {
NotificationSettings settings = await _messaging.requestPermission(
alert: true,
badge: true,
sound: true,
);
print('User granted permission: ${settings.authorizationStatus}');
}
void _listenForegroundMessages() {
FirebaseMessaging.onMessage.listen((RemoteMessage message) {
String notificationBody = message.notification?.body ?? 'No body';
setState(() {
_message = notificationBody;
});
print('Foreground message received: $notificationBody');
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Push Notification Demo')),
body: Center(
child: Padding(
padding: const EdgeInsets.all(16),
child: Text('Last message received:\n\n$_message', textAlign: TextAlign.center),
),
),
);
}
}
This Flutter app uses Firebase Cloud Messaging (FCM) to receive push notifications.
First, Firebase is initialized in main(). We register a background message handler _firebaseMessagingBackgroundHandler to handle messages when the app is not in the foreground.
In the stateful widget, we request notification permissions from the user using requestPermission(). This is important on iOS and Android 13+.
We listen for messages arriving while the app is open using FirebaseMessaging.onMessage. When a message arrives, we update the screen text with the notification body.
Background and terminated messages are logged to the console by the background handler.
This setup covers the basic flow to receive and display FCM push notifications in a Flutter app.
