Firebase Incoming Call Notifications for React Native

Firebase Incoming Call Notifications for React Native

Firebase incoming call notifications for React Native based applications. Android Call Notifications App (React Native).

Android Call Notifications App (React Native)

| Banner Notifications

Banner Notification

FullScreen Notifications

FullScreen Notification

Prerequisites for project

  1. Create a firebase project from firebase console
  2. Download google-services.json from your project and place in android>app directory.
  3. Make sure of your app package name. The package name should be unique while creating a project in firebase console.
  4. Replace the existing package(com.viauapp) name with your package name in the RNFirebaseCallNotifications project.

Project setup

  1. Clone the repository and go to root directory and do npm install
  2. And start metro bundler react-native start --reset-cache
  3. Connect your android device or start emulator and run the following command react-native run-android
  4. You will find the fcm token in console log. Use that fcm token to test the call notifications

Following installation steps

Send notification request example for api

Path(POST): https://fcm.googleapis.com/fcm/send

+ Headers

        {
            "Content-Type": "application/json",
            "Authorization": "key=AAAA39to........"
        }

+ Content

        {
            "to": "****",
            "data":{
                "channel_id":"fcm_call_channel",
                "title": "Incoming call",
                "body": "Alex is calling",
                //you can add custom key values here
            },
            "priority": high,
            "topic":all
        }

Request detail: https://firebase.google.com/docs/cloud-messaging/http-server-ref

Download Details:

Author: 0x1bitcrack3r The Demo/Documentation: View The Demo/Documentation Download Link: Download The Source Code Official Website: https://github.com/0x1bitcrack3r/RNFirebaseCallNotifications

react-native firebase

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native App Developers India, React Native App Development Company

Hire React Native app developers India from a preferred React Native app development company by innovative industry leaders. Let's Discuss Your Project.

Hire Dedicated React Native Developer

Have you ever thought of having your own app that runs smoothly over multiple platforms? React Native is an open-source cross-platform mobile application framework which is a great option to create mobile apps for both Android and iOS. **[Hire...

How much does it cost to develop a React Native mobile app?

Save time & money when choosing AppClues for React Native Mobile app Development. We build React Native apps for Android & iOS using the same code & provide optimal output.

Hire Dedicated React Native Developers - WebClues Infotech

WebClues Infotech is a expert in building iOS, Android Apps, Web apps , Websites, Enterprise solutions. We have crafted many complex and innovative projects that meets our customer expectations.