Manan-dynamic
commented
1 year ago home_screen.dart
import 'package:firebase_messaging/firebase_messaging.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import '../notificationservice/local_notification_service.dart';
import 'Demo_Screen.dart';
class Homepg extends StatefulWidget {
const Homepg({Key key}) : super(key: key);
@override
State<Homepg> createState() => _HomepgState();
}
class _HomepgState extends State<Homepg> {
@override
void initState() {
// TODO: implement initState
super.initState();
FirebaseMessaging.instance.getInitialMessage().then(
(message) {
print("FirebaseMessaging.instance.getInitialMessage");
// print(message.notification.title.toString());
if (message != null) {
print("New Notification");
if (message.data['_id'] != null) {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => DemoScreen(
id: message.data['_id'],
),
),
);
}
}
},
);
FirebaseMessaging.onMessage.listen(
(message) {
print("FirebaseMessaging.onMessage.listen");
if (message.notification != null) {
print(message.notification.title);
print(message.notification.body);
print("message.data11 ${message.data}");
LocalNotificationService.createanddisplaynotification(message);
}
},
);
FirebaseMessaging.onMessageOpenedApp.listen(
(message) {
print("FirebaseMessaging.onMessageOpenedApp.listen");
if (message.notification != null) {
print(message.notification.title);
print(message.notification.body);
print("message.data22 ${message.data['_id']}");
}
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('push notification'),
),
body: Center(
child: Container(
child: Text('hi',style: TextStyle(fontSize: 25),),
),
),
);
}
}
manan36chauhan
step 1 -> Create a flutter app
step 2 -> create views folder inside -> lib folder after that -> go inside views folder and create a stateful widget like -> home_screen.dart (it must be stateful widget) -> because we need initState() method to work with PushNotification
step 3 -> Render home_screen.dart from main.dart as first screen from home: (Named Argument)
Now all setup is done to work with Pushnotification
step 4 -> add these 3 Dependencies in pubspec.yaml 1.firebase_core: ^1.12.0 2.firebase_messaging: ^11.2.6 3.flutter_local_notifications: ^9.2.0
Step 5 -> Setup firebase project at https://console.firebase.google.com/
NOTE : -> After setup firebase project you can receive simple pushnotification from firebase cloud messaging
Step 6.Add this lines to main() method
Step 7. Now write some code in main.dart to start firebase background services
add this method after import statement in main.dart
Future backgroundHandler(RemoteMessage message) async {
print(message.data.toString());
print(message.notification!.title);
}
call this method from main method after await Firebase.initializeApp();
FirebaseMessaging.onBackgroundMessage(backgroundHandler);
Step 8. Go to the home_screen.dart and start work inside initState() Method
@override void initState() { super.initState();
}
Step 9. after all these you send a notification when your app in background then you see some warning in console when you tap on notification like this Missing Default Notification Channel metadata in AndroidManifest. Default value will be used. (Because of this warning you are not getting notification like we get in youtube and other app) to solve this add below line in AndroidManifest.xml <meta-data android:name="com.google.firebase.messaging.default_notification_channel_id" android:value="pushnotificationapp"/>
Step 10 After donign this you get another warning (this warning will show when you send notification with channel name pushnotificationapp Notification Channel requested (pushnotificationapp) has not been created by the app. Manifest configuration, or default, value will be used so now we need to create a channel with name pushnotificationapp we do it with the help of flutter local notification
step 11 go inside lib -> create folder -> notificationservice -> create file inside notificationservice -> local_notification_service.dart go inside the local_notification_service.dart and create a class
class LocalNotificationService{
}
inside class create instance of FlutterLocalNotificationsPlugin see below
static final FlutterLocalNotificationsPlugin _notificationsPlugin = FlutterLocalNotificationsPlugin();
after this create a method initialize to initialize localnotification
static void initialize(BuildContext context) { // initializationSettings for Android const InitializationSettings initializationSettings = InitializationSettings( android: AndroidInitializationSettings("@mipmap/ic_launcher"), );
}
after initialize we create channel in createanddisplaynotification method
static void createanddisplaynotification(RemoteMessage message) async { try { final id = DateTime.now().millisecondsSinceEpoch ~/ 1000; const NotificationDetails notificationDetails = NotificationDetails( android: AndroidNotificationDetails( "pushnotificationapp", "pushnotificationappchannel", importance: Importance.max, priority: Priority.high, ), );
}
Step 12 . call initialize method from main method LocalNotificationService.initialize();
and uncomment last line from FirebaseMessaging.onMessage method in homescreen