单击通知如何在React native firebase中打开特定页面

npm install --save @react-native-firebase/app

import messaging from '@react-native-firebase/messaging';
import { Linking } from 'react-native';

export default async function NotificationHandler() {
  const notificationOpen = await messaging().getInitialNotification();

  if (notificationOpen) {
    // 获取通知中的数据
    const { data } = notificationOpen.notification;

    // 根据通知中的数据，决定打开的特定页面
    switch (data.page) {
      case 'home':
        // 打开主页
        // 这里可以使用React Navigation等导航库进行页面导航
        break;
      case 'profile':
        // 打开个人资料页面
        break;
      // 其他页面的处理逻辑
      default:
        break;
    }
  }

  // 监听通知点击事件
  messaging().onNotificationOpenedApp((remoteMessage) => {
    // 获取通知中的数据
    const { data } = remoteMessage.notification;

    // 根据通知中的数据，决定打开的特定页面
    switch (data.page) {
      case 'home':
        // 打开主页
        break;
      case 'profile':
        // 打开个人资料页面
        break;
      // 其他页面的处理逻辑
      default:
        break;
    }
  });

  // 处理应用在后台时点击通知打开的情况
  messaging().setBackgroundMessageHandler(async (remoteMessage) => {
    // 获取通知中的数据
    const { data } = remoteMessage.notification;

    // 根据通知中的数据，决定打开的特定页面
    switch (data.page) {
      case 'home':
        // 打开主页
        break;
      case 'profile':
        // 打开个人资料页面
        break;
      // 其他页面的处理逻辑
      default:
        break;
    }
  });

  // 处理应用未打开时点击通知打开的情况
  Linking.getInitialURL().then((url) => {
    if (url) {
      // 解析URL中的参数，决定打开的特定页面
      // 这里可以使用React Navigation等导航库进行页面导航
    }
  });
}

import React, { useEffect } from 'react';
import NotificationHandler from './NotificationHandler';

const App = () => {
  useEffect(() => {
    NotificationHandler();
  }, []);

  // 其他App组件的渲染逻辑

  return (
    // App组件的根元素
  );
};

export default App;