如何在Expo应用内实现推送通知接收状态的切换控制？

核心思路是保留后台通知任务，通过读取AsyncStorage中存储的开关状态，决定是否显示收到的通知，而非注销任务。

1. 封装AsyncStorage读写工具 #

用于持久化存储通知开关状态：

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

// 保存通知开关状态
export const saveNotificationEnabled = async (enabled) => {
  try {
    await AsyncStorage.setItem('notification_enabled', JSON.stringify(enabled));
  } catch (e) {
    console.error('保存通知设置失败:', e);
  }
};

// 获取通知开关状态（默认开启）
export const getNotificationEnabled = async () => {
  try {
    const value = await AsyncStorage.getItem('notification_enabled');
    return value !== null ? JSON.parse(value) : true;
  } catch (e) {
    console.error('获取通知设置失败:', e);
    return true;
  }
};

2. 修改后台通知任务 #

在任务中先读取开关状态，仅当开启时才显示通知：

import { Notifications } from 'expo-notifications';
import TaskManager from 'expo-task-manager';
import { getNotificationEnabled } from './你的存储工具路径';

const BACKGROUND_NOTIFICATION_TASK = "BACKGROUND-NOTIFICATION-TASK";

TaskManager.defineTask(BACKGROUND_NOTIFICATION_TASK, async ({ data, error }) => {
  if (error) {
    console.log("后台通知任务出错:", error);
    return;
  }
  if (data?.notification) {
    const isEnabled = await getNotificationEnabled();
    if (isEnabled) {
      // 开关开启时，立即显示通知
      await Notifications.scheduleNotificationAsync({
        content: data.notification.request.content,
        trigger: null,
      });
    }
    // 开关关闭时，直接忽略该通知
  }
});

Notifications.registerTaskAsync(BACKGROUND_NOTIFICATION_TASK);

3. 实现开关按钮逻辑 #

按钮切换时仅更新AsyncStorage中的状态，无需注销任务：

import { useState, useEffect } from 'react';
import { Button } from 'react-native';
import { saveNotificationEnabled, getNotificationEnabled } from './你的存储工具路径';

export default function NotificationToggle() {
  const [isEnabled, setIsEnabled] = useState(true);

  useEffect(() => {
    // 初始化时读取存储的开关状态
    const initStatus = async () => {
      const status = await getNotificationEnabled();
      setIsEnabled(status);
    };
    initStatus();
  }, []);

  const handleToggle = async () => {
    const newStatus = !isEnabled;
    setIsEnabled(newStatus);
    await saveNotificationEnabled(newStatus);
  };

  return (
    <Button
      title={isEnabled ? '关闭通知' : '开启通知'}
      onPress={handleToggle}
    />
  );
}

为什么之前的方法无效 #

调用unregisterTaskAsync只是让应用不再执行后台通知任务，但系统仍会接收推送消息，只是你的代码未处理。而上述方案通过在任务内部判断应用内设置，完全在应用层面控制通知是否显示，无需修改系统权限。

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