FCM通知打开时如何操作/移动屏幕？

Question

我目前正在使用 FCM React Native Firebase，我想在打开 fcm 通知时移动屏幕或执行操作，如下图所示：

Answer 1

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,
      );
    }
  }