Set up push notifications

yarn add @react-native-firebase/app @react-native-firebase/messaging

yarn add @react-native-community/push-notification-ios

import messaging from '@react-native-firebase/messaging';

if (Platform.OS === 'ios') {
  const token = await messaging().getAPNSToken();
  await sb.registerAPNSPushTokenForCurrentUser(token);
} else {
  const token = await messaging().getToken();
  await sb.registerFCMPushTokenForCurrentUser(token);
}

import messaging from '@react-native-firebase/messaging';
import Notifee, { AndroidImportance } from '@notifee/react-native';

messaging().setBackgroundMessageHandler(async (message) => {
  const isSendbirdNotification = Boolean(message.data.sendbird);
  if (!isSendbirdNotification) return;

  const payload = JSON.parse(message.data.sendbird);

  // The following is required for compatibility with Android 8.0 (API level 26)
  // and higher. Refer to Notifee's reference page for more information.
  const channelId = await notifee.createChannel({
    id: 'NOTIFICATION_CHANNEL_ID',
    name: 'NOTIFICATION_CHANNEL_NAME',
    importance: AndroidImportance.HIGH,
  });

  await notifee.displayNotification({
    id: message.messageId,
    title: 'New message has arrived!',
    subtitle: `Number of unread messages: ${payload.unread_message_count}`,
    body: payload.message,
    data: payload,
    android: {
      channelId,
      smallIcon: NOTIFICATION_ICON_RESOURCE_ID,
      importance: AndroidImportance.HIGH,
    },
  });
});

import Notifee, { EventType } from '@notifee/react-native';
import PushNotificationIOS from '@react-native-community/push-notification-ios';

// Handle data from '@react-native-community/push-notification-ios'.
const onNotificationIOS = (notification) => {
  const data = notification?.getData();
  if (data && data.userInteraction === 1 && Boolean(data.sendbird)) {
    // Navigate to channel.
    // const channelUrl = data.sendbird.channel.channel_url;
  }
};

// Handle data from '@notifee/react-native'.
const onNotificationAndroid = async (event) => {
  if (event.type === EventType.PRESS && Boolean(event.detail.notification?.data?.sendbird)) {
    // Navigate to channel.
    // const channelUrl = event.detail.notification.data.sendbird.channel.channel_url;
  }
};

const App = () => {
  useEffect(() => {
    PushNotificationIOS.getInitialNotification().then(onNotificationIOS);
    PushNotificationIOS.addEventListener('localNotification', onNotificationIOS);

    const unsubscribe = Notifee.onForegroundEvent(onNotificationAndroid);
    return () => {
      PushNotificationIOS.removeEventListener('localNotification');
      unsubscribe();
    };
  }, []);

  // ...
};

Notifee.onBackgroundEvent(onNotificationAndroid);

{
  'category': 'messaging:offline_notification',
  'type': string, // Message type: MESG, FILE, or ADMM.
  'message': string, // User input message.
  'custom_type': string, // Custom message type.
  'message_id': number, // Message ID.
  'created_at': number, // The time that the message was created in a 13-digit, Unix milliseconds format.
  'app_id': string, // Application's unique ID.
  'unread_message_count': number, // Total number of new messages unread by the user.
  'channel': {
    'channel_url': string, // Group channel URL.
    'name': string, // Group channel name.
    'custom_type': string, // Custom Group channel type.
    'channel_unread_count': number, // Total number of unread new messages from the specific channel.
  },
  'channel_type': string, // The value of channel_type is set by the system. The messaging indicates a distinct group channel while 'group_messaging' indicates a private group channel and chat indicates all other cases.
  'sender': {
    'id': string, // Sender's unique ID.
    'name': string, // Sender's nickname.
    'profile_url': string, // Sender's profile image URL.
    'require_auth_for_profile_image': false,
    'metadata': {},
  },
  'recipient': {
    'id': string, // Recipient's unique ID.
    'name': string, // Recipient's nickname.
  },
  'files': [], // An array of data regarding the file message, such as filename.
  'translations': {}, // The items of locale:translation.
  'push_title': string, // Title of a notification message that can be customized in the Sendbird Dashboard with or without variables.
  'push_sound': string, // The location of a sound file for notifications.
  'audience_type': string, // The type of audiences for notifications.
  'mentioned_users': {
    'user_id': string, // The ID of a mentioned user.
    'nickname': string, // The nickname of a mentioned user.
    'profile_url': string, // Mentioned user's profile image URL.
    'require_auth_for_profile_image': false,
  },
}