CODEWITHSUNDEEP
react-nativepush-notificationfirebase-cloud-messaging
Muhammad Faisal
Muhammad Faisal

Reputation: 325

How to jump to notification screen when click on notification

I setup notification system with firebase and react native. It's working fine, but when i receive notification in any state of app(killed, fore or background) and do click notification push me to home screen. I want to go on notification screen when someone click on notification. How it will possible?

Upvotes: 2

Views: 3202

Answers (1)

rishikesh_07
rishikesh_07

Reputation: 1039

First, you have to add a Firebase Notification listener at the top-level component. I'll suggest placing it in App.js.

  1. Foreground Listener
  2. Background Listener

After that, You have to navigate to a particular screen with the help of a navigation prop. if you place the listener at App.js then you will not have access to the navigation prop since App.js will return the navigation container. For that, you have to create one helper function like this navigation without prop

e.g.

export const App = () => {
  messaging().setBackgroundMessageHandler(async remoteMessage => {
      navigate('Notification'); //navigate to notification screen
  });
  const unsubscribe = messaging().onMessage(async remoteMessage => {
    //generate local notification using your preferred library
    //handle navigation

  })
   
  return <RootNavigator />;
};

Upvotes: 3

Related Questions