Expo推送通知在应用被杀死/关闭时无法触发处理方法的技术求助

我明白你遇到的这个头疼问题了——当应用处于前台或后台时，通知处理都正常，但一旦彻底杀死应用，点击通知就没法触发跳转逻辑。这其实是因为应用被杀后，你的HomeScreen组件根本没机会挂载，那里面的addNotificationResponseReceivedListener自然也没注册，所以点击通知时完全没代码去处理跳转。

下面我给你一套完整的解决方案，覆盖所有应用状态的情况：

核心思路 #

应用被杀后点击通知，系统会重新启动你的App。这时候我们需要在App的根组件启动时，主动检查是否是通过通知打开的应用，然后执行跳转逻辑。而前台/后台的情况，继续用你原来的监听器处理就行。

具体实现步骤 #

1. 在根组件中检查初始通知响应 #

在你的App入口文件（比如App.js）里，添加启动时的检查逻辑，用Expo提供的Notifications.getLastNotificationResponseAsync()方法获取最后一次通知响应：

import React, { useEffect, useRef } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import * as Notifications from 'expo-notifications';
// 导入你的页面组件
import HomeScreen from './screens/HomeScreen';
import DetailScreen from './screens/DetailScreen';

export default function App() {
  const navigationRef = useRef(null);

  useEffect(() => {
    // 应用启动后立即检查是否是通过通知打开的
    checkInitialNotification();
  }, []);

  const checkInitialNotification = async () => {
    const lastResponse = await Notifications.getLastNotificationResponseAsync();
    if (lastResponse) {
      // 解析通知里的参数，和你原来的逻辑一致
      const { notification } = lastResponse;
      const { content } = notification.request;
      const { data } = content;
      const { annKey, type } = data || {};
      
      if (annKey && navigationRef.current) {
        // 跳转到详情页
        navigationRef.current.navigate('Detail', { 
          annKey, 
          updateFeed: true, 
          onSelect 
        });
      }
    }
  };

  return (
    <NavigationContainer ref={navigationRef}>
      {/* 这里是你的导航栈配置，比如StackNavigator */}
      {/* <Stack.Navigator initialRouteName="Home">
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Detail" component={DetailScreen} />
      </Stack.Navigator> */}
    </NavigationContainer>
  );
}

2. 保留原有组件中的监听器 #

继续保留你HomeScreen里的监听器，用来处理应用在前台或后台时的通知接收和点击：

// HomeScreen.js 里的代码，注意确保navigation能正常获取到
const HomeScreen = ({ navigation }) => {
  const notificationListener = useRef();
  const responseListener = useRef();

  useEffect(() => {
    // 监听通知接收（前台状态）
    notificationListener.current = Notifications.addNotificationReceivedListener(notification => {
      const { request } = notification || {};
      const { content } = request || {};
      const { data } = content || {};
      const { annKey } = data || {};
      if (annKey) {
        // 这里可以做一些前台的提示逻辑，比如弹出弹窗
        // navigation.navigate('Detail', { annKey, updateFeed: true, onSelect });
      }
    });

    // 监听通知点击（后台状态）
    responseListener.current = Notifications.addNotificationResponseReceivedListener(response => {
      const { notification } = response || {};
      const { request } = notification || {};
      const { content } = request || {};
      const { data } = content || {};
      const { annKey } = data || {};
      if (annKey) {
        navigation.navigate('Detail', { annKey, updateFeed: true, onSelect });
      }
    });

    return () => {
      Notifications.removeNotificationSubscription(notificationListener.current);
      Notifications.removeNotificationSubscription(responseListener.current);
    };
  }, [navigation]);

  // ... 其他组件代码
};

3. 额外注意事项 #

• 通知发送时的配置：确保发送通知的payload里，data字段正确包含annKey等参数。对于Android，建议把通知的priority设为high或max，确保应用被杀时也能收到通知（Expo默认priority是normal，部分设备可能在应用被杀后收不到通知）。
• 权限问题：确保你的App已经获取了通知权限，可以在启动时调用Notifications.requestPermissionsAsync()来请求。
• 新版本API兼容：如果你用的是Expo Notifications v0.16+，getLastNotificationResponseAsync()是稳定可用的，不需要切换到旧版API。

这样配置后，无论是应用在前台、后台还是被杀状态，点击通知都能正常跳转到详情页了。

内容的提问来源于stack exchange，提问作者Tiago Palmas