如何使用react-native-push-notification永久移除指定通知

你遇到的核心问题是：如果通知设置了重复调度规则（比如每日重复），cancelLocalNotification只能取消下一次即将触发的通知实例，而底层的重复调度任务并未被彻底移除，导致24小时后通知再次出现。以下是针对性的解决方案：

1. 先确保ID匹配逻辑正确 #

你当前用indexOf(id) === 0做部分匹配，可能会误取消或漏取消目标通知。改为严格匹配ID，确保精准定位要取消的通知：

const onCancelNotification = async (id: string) => {
  PushNotification.getScheduledLocalNotifications((notifications) => {
    notifications.forEach((notification) => {
      // 严格匹配通知ID，避免部分匹配导致的错误
      if (notification.id === id) {
        PushNotification.cancelLocalNotification(notification.id);
      }
    });
  });
};

2. 彻底清除重复调度任务 #

如果严格匹配ID后问题仍存在，说明重复调度规则未被清除，可以采用「全量清除+重新调度」的方式：

const onCancelNotification = async (idToCancel: string) => {
  PushNotification.getScheduledLocalNotifications((notifications) => {
    // 先清除所有已调度的通知
    PushNotification.cancelAllLocalNotifications();
    // 重新调度除目标ID外的所有通知
    notifications.forEach((notification) => {
      if (notification.id !== idToCancel) {
        PushNotification.localNotificationSchedule({
          id: notification.id,
          title: notification.title,
          message: notification.message,
          date: notification.date,
          repeatType: notification.repeatType,
          // 保留原通知的其他配置参数
        });
      }
    });
  });
};

3. 持久化取消状态（关键） #

如果你的应用在启动时会重新调度所有通知，仅取消当前会话的通知是不够的，需要持久化记录已取消的通知ID，避免重启后被重新调度：

取消时记录ID #

import AsyncStorage from '@react-native-async-storage/async-storage';

const onCancelNotification = async (id: string) => {
  // 执行通知取消操作
  PushNotification.getScheduledLocalNotifications((notifications) => {
    notifications.forEach((notification) => {
      if (notification.id === id) {
        PushNotification.cancelLocalNotification(notification.id);
      }
    });
  });

  // 将取消的ID存入本地存储
  const cancelledIds = await AsyncStorage.getItem('cancelledNotificationIds');
  const updatedIds = cancelledIds ? [...JSON.parse(cancelledIds), id] : [id];
  await AsyncStorage.setItem('cancelledNotificationIds', JSON.stringify(updatedIds));
};

应用启动时跳过已取消的通知 #

import AsyncStorage from '@react-native-async-storage/async-storage';

const scheduleNotificationsOnLaunch = async () => {
  const cancelledIds = await AsyncStorage.getItem('cancelledNotificationIds');
  const cancelledIdsArray = cancelledIds ? JSON.parse(cancelledIds) : [];

  // 假设这是你需要调度的所有通知列表
  const allNotifications = [
    { id: 'reminder-1', title: '每日提醒1', message: '...', date: new Date(), repeatType: 'day' },
    { id: 'reminder-2', title: '每日提醒2', message: '...', date: new Date(), repeatType: 'day' },
    // 其他通知配置
  ];

  // 只调度未被取消的通知
  allNotifications.forEach(notify => {
    if (!cancelledIdsArray.includes(notify.id)) {
      PushNotification.localNotificationSchedule(notify);
    }
  });
};

// 在应用启动入口调用该方法
scheduleNotificationsOnLaunch();

4. 平台特殊处理（可选） #

• Android：重复通知依赖AlarmManager，若库的封装未彻底清除Alarm，可考虑编写原生模块直接取消对应ID的Alarm任务。
• iOS：通知由UNUserNotificationCenter管理，可通过原生代码直接移除对应UNNotificationRequest，确保彻底清除调度任务。

内容的提问来源于stack exchange，提问作者Nouh Belahcen