打开FCM通知后如何采取措施/移动屏幕?

时间:2020-02-01 08:31:01

标签: javascript firebase react-native firebase-cloud-messaging react-native-fcm

我当前正在使用FCM React Native Firebase,我想在其中打开fcm通知时移动屏幕或采取措施,如下图所示:

rea

1 个答案:

答案 0 :(得分:0)

react-native-fcm现在已弃用,不再维护。最好转移到react-native-firebase。

下面显示了react-native-firebase的示例。

首先,您需要在应用程序中创建一个通知侦听器。通常,最好将其添加到顶级根组件上。

您可以在通知有效负载数据对象上传递相关数据。 https://firebase.google.com/docs/cloud-messaging/concept-options

import firebase from 'react-native-firebase';

componentDidMount() {
      this.createNotificationListeners();
}

componentWillUnmount() {
    // Remove all the notification related listeners on unmounting the main dashboard
    if (this.notificationOpenedListener) {
      this.notificationOpenedListener();
    }
}

  /**
   * Contains all the listeners related to the Firebase notification services.
   */
  async createNotificationListeners() {
    const handleNotification = notificationOpen => {
      // Do what ever do you want, based on your notification payload
    };

    /*
     * If app is in background, listen for when a notification is clicked / tapped / opened as follows:
     * */
    try {
      this.notificationOpenedListener = firebase
        .notifications()
        .onNotificationOpened(notificationOpen => {
          console.log(
            'FirebaseDataReceiver remote notification clicked from background :',
            notificationOpen,
          );
          handleNotification(notificationOpen);
        });
    } catch (e) {
      console.log(
        'Error while clicking the remote notification from background :',
        e,
      );
    }

    /*
     * If app is closed, check if it was opened by a notification being clicked / tapped / opened as follows:
     * */
    try {
      const notificationOpen = await firebase
        .notifications()
        .getInitialNotification();
      if (notificationOpen) {
        console.log(
          'FirebaseDataReceiver remote notification clicked app start up :',
          notificationOpen,
        );
        handleNotification(notificationOpen);
      }
    } catch (e) {
      console.log(
        'Error while clicking the app was initiated by a remote notification :',
        e,
      );
    }
  }