Push Notification In React Native Using Firebase - Android & IOS Tutorial 2023

Hey this is Sheikh Adnan, In this tutorial you’re going to learn how to implement push notifications in IOS as an app feature using React Native and Firebase.

#pushnotification #ios #reactnative #codewithadnan

What Are Push Notifications?
Push notification is a small message that users receive on a device. They differ from regular pop-ups because they will appear on the device whether or not the user is currently using the site or app that the notification is tied to.

Push notifications work for both browsers and apps. For browsers, push notifications can show up no matter what site a user is on, as long as they’ve opted in to push notifications. They work very similarly for apps, however, they can pop up on a mobile device at any time, regardless of whether the user is on the app.

Notification In Android Link:
   • Push Notification In React Native Usi...  

Github Repo Link:
https://github.com/sheikhadnan387/Pus...

Follow me on Facebook:
  / 12cadeveloper  

Follow These Steps:

Step1:
yarn add @react-native-firebase/app
yarn add @react-native-firebase/messaging
cd ios/ && pod install

Step2:
Configure firebase in IOS side.
Download the GoogleService-Info.plist file
Right click on the project name and "Add files" to the project.
Configure Firebase with iOS credentials

Step3:
Add firebase.json file
and add these lines of code
{
"react-native": {
"analytics_auto_collection_enabled": false,
"messaging_auto_init_enabled": false,
"messaging_ios_auto_register_for_remote_messages": true
}
}

Step4:
Add Developer account

//Add two Capability
Step5:

Add Background Modes and check
1.Background fetch
2.Remote Notification

Step6:
Add notification capability

Step7:
Add APNs Auth key
key Id --------
Team Id --------
Upload file .p8

Step8:

//Install these packages
yarn add @react-native-firebase/messaging
yarn add @notifee/react-native
yarn add react-native-permissions

Step9:
Make fcm Method helper Class

If you like this video, Please Likes, Comments, Subscribe to support us...
Thanks.
Starting with React Native #codewithadnan @code with adnan