I have created a push notification using react-native Firebase and react-native-push-notification. i have implement all types of notifications like local, schedule background and quit. But i have sent the push notification by FCM when my app in quit state. so i have shown an warning on console which is WARN No task registered for key ReactNativeFirebaseMessagingHeadlessTask. so how can i solve it.
code:
import React, {Fragment, useEffect} from 'react';
import {StyleSheet, View, Text, Button} from 'react-native';
import PushNotification from 'react-native-push-notification';
import messaging from '@react-native-firebase/messaging';
//1
const checkPermission = () => {
messaging()
.hasPermission()
.then((enabled) => {
if (enabled) {
getToken();
} else {
requestPermission();
}
})
.catch((error) => {
console.log('error checking permisions ' + error);
});
};
//2
const requestPermission = () => {
messaging()
.requestPermission()
.then(() => {
getToken();
})
.catch((error) => {
console.log('permission rejected ' + error);
});
};
//3
const getToken = () => {
messaging()
.getToken()
.then((token) => {
console.log('push token ' + token);
})
.catch((error) => {
console.log('error getting push token ' + error);
});
};
const NotificationTwo = () => {
useEffect(() => {
checkPermission();
messaging().setBackgroundMessageHandler(async (remoteMessage) => {
console.log('Message handled in the background!', remoteMessage);
});
});
const calledLocalNotify = () => {
PushNotification.localNotification({
/* Android Only Properties */
title: 'Hello world Local Notify', // (optional)
message: 'Successfully!, Implement the Local Notifications', // (required)
});
};
const calledLocalScheduleNotify = () => {
PushNotification.localNotificationSchedule({
//... You can use all the options from localNotifications
message: 'Successfully!, Implement the Local Schedule Notifications', // (required)
date: new Date(Date.now() + 60 * 1000), // in 60 secs
allowWhileIdle: false, // (optional) set notification to work while on doze, default: false
});
};
return (
<View style={styles.container}>
<Text>Push Notification</Text>
<View style={styles.button}>
<Button
color="green"
title="Local Notification"
onPress={calledLocalNotify}
/>
</View>
<View style={styles.button}>
<Button
color="purple"
title="Local Schedule Notification"
onPress={calledLocalScheduleNotify}
/>
</View>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
button: {
margin: 10,
},
});
export default NotificationTwo;
