How to setup app push in react native app

  1. Install required packages:

You will need to install the react-native-push-notification package using npm or yarn.

npm install react-native-push-notification --save

2. Setup the required native libraries:

For iOS, you need to configure Apple Push Notification Service (APNS) by creating an APNS certificate, registering your app with APNS, and configuring your app’s Xcode project. For Android, you need to configure Firebase Cloud Messaging (FCM) by creating a project on the Firebase console, and configuring your app’s AndroidManifest.xml file.

3. Initialize push notifications in your app:

Import the PushNotification module from the react-native-push-notification package, and initialize it in your app.

import PushNotification from 'react-native-push-notification';

  // notification handling code

4. Register for push notifications:

Ask the user for permission to send push notifications, and register the device for push notifications.


PushNotification.registerDeviceToken(deviceToken => {
  // send the deviceToken to your server

5. Handle push notifications:

Implement the code to handle incoming push notifications.

  onNotification: function(notification) {
    // handle the notification
  // other configuration options

Note that the exact steps may vary depending on the platform and the specific push notification service you are using. It is recommended to follow the official documentation and guides provided by the push notification service provider.