I am trying to set up the push notification for iOS for React Native version 0.71.7. I have done all the setup for this push notification which is mentioned in your git repository. Push notification was working fine for my old version of project 0.67.2. But in this new version, it is not working. Please help me out to solve this problem.
Mechine Configaration :-
Mac Os Version:- 14.4.1
Xcode Version:- 15.3
Node Version:- v20.12.0
RN Version:- 0.71.7
Sample code base which i am using in the index.js
import { SafeAreaView, Text, View } from 'react-native';
import React, { Component } from 'react';
import PushNotificationIOS from "@react-native-community/push-notification-ios";
import PushNotification from "react-native-push-notification";
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
deviceToken: ""
};
}
onRemoteNotification = (notification) => {
const isClicked = notification.getData().userInteraction === 1;
if (isClicked) {
// Navigate user to another screen
} else {
// Do something else with push notification
}
// Use the appropriate result based on what you needed to do for this notification
const result = PushNotificationIOS.FetchResult.NoData;
notification.finish(result);
};
// get RCM token for push notification
_getToken = () => {
let that = this;
// Must be outside of any component LifeCycle (such as `componentDidMount`).
PushNotification.configure({
// (optional) Called when Token is generated (iOS and Android)
onRegister: function (token) {
// return (token);
console.log(">>>>>>>>>>>", token.token);
that.setState({ deviceToken: token.token });
},
// (required) Called when a remote is received or opened, or local notification is opened
onNotification: function (notification) {
console.log("NOTIFICATION:>>>>>>>>", notification);
// process the notification
const { foreground, userInteraction, title, message } = notification;
if (foreground && (title || message) && !userInteraction)
PushNotification.localNotification(notification);
// (required) Called when a remote is received or opened, or local notification is opened
notification.finish(PushNotificationIOS.FetchResult.NoData);
},
// getMessage: function()
// (optional) Called when Registered Action is pressed and invokeApp is false, if true onNotification will be called (Android)
onAction: function (notification) {
// console.log("ACTION:", notification.action);
// console.log("NOTIFICATION:", notification);
// process the action
},
// (optional) Called when the user fails to register for remote notifications. Typically occurs when APNS is having issues, or the device is a simulator. (iOS)
onRegistrationError: function (err) {
console.error(err.message, err);
},
// IOS ONLY (optional): default: all - Permissions to register.
permissions: {
alert: true,
badge: true,
sound: true,
},
// Should the initial notification be popped automatically
// default: true
popInitialNotification: true,
/**
* (optional) default: true
* - Specified if permissions (ios) and token (android and ios) will requested or not,
* - if not, you must call PushNotificationsHandler.requestPermissions() later
* - if you are not using remote notification or do not have Firebase installed, use this:
* requestPermissions: Platform.OS === 'ios'
*/
requestPermissions: true,
});
PushNotification.localNotification({
ignoreInForeground: true,
});
I am trying to set up the push notification for iOS for React Native version 0.71.7. I have done all the setup for this push notification which is mentioned in your git repository. Push notification was working fine for my old version of project 0.67.2. But in this new version, it is not working. Please help me out to solve this problem.
Mechine Configaration :- Mac Os Version:- 14.4.1 Xcode Version:- 15.3 Node Version:- v20.12.0 RN Version:- 0.71.7
Sample code base which i am using in the index.js import { SafeAreaView, Text, View } from 'react-native'; import React, { Component } from 'react'; import PushNotificationIOS from "@react-native-community/push-notification-ios"; import PushNotification from "react-native-push-notification"; export default class App extends Component { constructor(props) { super(props); this.state = { deviceToken: "" }; }
componentDidMount() { this._getToken(); const type = 'notification'; PushNotificationIOS.addEventListener(type, this.onRemoteNotification); return () => { PushNotificationIOS.removeEventListener(type); }; }
onRemoteNotification = (notification) => { const isClicked = notification.getData().userInteraction === 1; if (isClicked) { // Navigate user to another screen } else { // Do something else with push notification } // Use the appropriate result based on what you needed to do for this notification const result = PushNotificationIOS.FetchResult.NoData; notification.finish(result); };
// get RCM token for push notification _getToken = () => { let that = this;
};
render() { return ( <SafeAreaView style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> <Text style={{ fontSize: 20 }}>App ) } }
I am sharing the reference screenshots.
Please help me to solve this problem i have been suffering from this problem for a long time after upgrading the React native project version.