Блог

У меня было несколько проблем с переходом с react native firebase v5 на v6. Похоже, что в версии 6 нет метода notifications (). Как правильно отображать уведомления на переднем плане с помощью react native firebase v6?

мой код с v5 работает:

     async listenToPushNots(){
            firebase.notifications().onNotificationDisplayed(notification => {
                  console.log("XXXXX onNotificationDisplayed", notification);
                });
            
                firebase.notifications().onNotification(notification => {
                 //remote notification received
                  console.log("XXXXX LISTENER onNotification", notification);
            
                  // notification.android.setChannelId(notification._notificationId);
                  // firebase.notifications().displayNotification(notification);
            
                  const localNotification = new firebase.notifications.Notification({
                    sound: "default",
                    show_in_foreground: true,
                    show_in_background: true
                  })
                    .setNotificationId(notification._notificationId)
                    .setTitle(notification._data.title)
                    .setSubtitle(notification._data.body)
                    .setBody(notification._data.body)
                    .setData(notification._data)
                    .android.setChannelId("my-app-channel")
                    .android.setSmallIcon("ic_stat_ic_notif") // create this icon in Android Studio
                    .android.setLargeIcon("ic_launcher_round")
                    .android.setColor("#000000") // you can set a color here
                    .android.setPriority(firebase.notifications.Android.Priority.High);
            
                  firebase
                    .notifications()
                    .displayNotification(localNotification)
                    .catch(err => console.error(err));
            }
        
        async componentDidMount(){
         listenToPushNots();
        }
 

В версии 6 как будет заменена функция firebase.notifications ()? В их официальных документах нет ссылок на то, как правильно мигрировать (https://rnfirebase.io/messaging/notifications). Метод обмена сообщениями() не включает уведомления, в отличие от v5.

Как вы можете видеть из их документации (https://rnfirebase.io/messaging/usage), вы не можете использовать react-native-firebase v6 для уведомления на переднем плане:

Лучший способ добавить уведомление на переднем плане-это добавить https://github.com/zo0r/react-native-push-notification