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

Published: 31 October 2023
on channel: code with adnan

32,192

305

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 Using Fi...

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

On this page of the site you can watch the video online Push Notification In React Native Using Firebase - Android & IOS Tutorial 2023 with a duration of hours minute second in good quality, which was uploaded by the user code with adnan 31 October 2023, share the link with friends and acquaintances, this video has already been watched 32,192 times on youtube and it was liked by 305 viewers. Enjoy your viewing!

40,308