Step 3: Implement Push Notifications in Flutter

3.1. Initialize Firebase in Your App

In your main.dart, initialize Firebase before running the app:

void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
runApp(MyApp());
}

3.2. Setup Firebase Messaging

Now, set up Firebase Messaging for handling push notifications:

import ‘package:firebase_messaging/firebase_messaging.dart’;

class PushNotificationService {
final FirebaseMessaging _fcm = FirebaseMessaging.instance;

Future<void> init() async {
// Request permissions for iOS
NotificationSettings settings = await _fcm.requestPermission();
if (settings.authorizationStatus == AuthorizationStatus.authorized) {
print(‘User granted permission’);
} else {
print(‘User declined or has not accepted permission’);
}

// Handle foreground messages
FirebaseMessaging.onMessage.listen((RemoteMessage message) {
print(‘Received a message while in the foreground!’);
print(‘Message data: ${message.data}’);

if (message.notification != null) {
print(‘Message also contained a notification: ${message.notification}’);
}
});
}
}

3.3. Receive Notifications

Use Firebase Cloud Messaging to send push notifications. You can test it by going to the Firebase Console -> Cloud Messaging -> New Notification and sending a test notification.