Expo

If you haven't already, make sure to add your project on the Firebase console and download the resultant google-services.json to your project's root folder. You will need to provide the path to the google-services.json file in your project's app.json as shown:

1{
2    "expo": {
3        "android": {
4            "googleServicesFile": "./google-services.json",
5            "package": "my_package_name"
6        }
7    }
8}

Replace my_package_name above with your application ID.

Having followed the Install TalkJS step in the Getting Started guide, you should have @react-native-firebase/app and @react-native-firebase/messaging installed. Add both to the plugins array of your app.json file, as shown:

1{
2    "expo": {
3        "plugins": [
4            "@react-native-firebase/app"
5            "@react-native-firebase/messaging"
6        ]
7    }
8}

The Notifee package requires its native modules to be defined under extraMavenRepos in your project's app.json. First, install expo-build-properties as shown:

1npx expo install expo-build-properties

Then, update your app.json as shown:

1{
2    "expo": {
3        "plugins": [
4            // Other plugins
5            [
6                "expo-build-properties",
7                {
8                    "android": {
9                        "extraMavenRepos": [
10                            "../../node_modules/@notifee/react-native/android/libs"
11                        ]
12                    }
13                }
14            ]
15        ]
16    }
17}

If your app is targeting Android 13 or higher, you are required to request for a new runtime permission called POST_NOTIFICATIONS in order for the app to display notifications.

To request a new runtime permission, first declare the permission in your project's app.json, as shown:

1{
2    "expo": {
3        "android": {
4            "permissions": ["android.permission.POST_NOTIFICATIONS"]
5        }
6    }
7}

Then request the permission at runtime using PermissionsAndroid from the react-native package, as follows:

1import { Platform, PermissionsAndroid } from 'react-native';
2
3// Other code...
4
5if (Platform.OS === 'android') {
6  PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS);
7}

You can request for this permission at any point in your app's flow that makes sense for your project and its users.

If you haven't already, make sure to add your project on the Firebase console. Also, don't forget to upload your APNs authentication key to your project's Firebase console.

After adding your project to the Firebase console, download the resultant GoogleService-Info.plist to your project's root folder. Provide the path to the GoogleService-Info.plist file in your project's app.json, as shown:

1{
2    "expo": {
3        "ios": {
4            "googleServicesFile": "./GoogleService-Info.plist",
5            "bundleIdentifier": "my_package_name"
6        }
7    }
8}

Replace my_package_name above with your app's Bundle ID.

Having followed the Install TalkJS step in the Getting Started guide, you should have @react-native-firebase/app and @react-native-firebase/messaging installed. Add them to the plugins array of your app.json file as shown:

1{
2    "expo": {
3        "plugins": [
4            "@react-native-firebase/app"
5            "@react-native-firebase/messaging"
6        ]
7    }
8}

The Firebase iOS SDKs require use_frameworks as part of the build process. To help with this, install expo-build-properties as shown:

1npx expo install expo-build-properties

Then add "useFrameworks": "static" to your app.json as shown:

1{
2    "expo": {
3        "plugins": [
4            // Other plugins
5            [
6                "expo-build-properties",
7                {
8                    "ios": {
9                        "useFrameworks": "static"
10                    }
11                }
12            ]
13        ]
14    }
15}

Apple requires that an iOS app requests for the necessary notification permissions before being able to display push notifications. You can request for these permissions at any point in your app's flow by using the @react-native-firebase/messaging library, as shown:

1import { Platform } from 'react-native';
2import Messaging from '@react-native-firebase/messaging';
3
4// Other code...
5
6if (Platform.OS === 'ios') {
7    Messaging().requestPermission();
8}

You can then proceed to register the push notification handlers.