React Native Expo Android端重置角标计数：避免发送空推送

核心问题原因 #

Android与iOS的应用角标机制存在差异：iOS依赖APNs推送更新角标，而Android（Expo环境下）可直接在客户端本地修改角标计数，无需通过推送触发。你当前的后端代码在Android端生成空白通知，是因为Expo的Android推送服务即便body设为null，仍会创建空通知条目。

具体实现方案 #

1. 后端代码适配：区分设备平台 #

客户端调用接口时传递设备平台标识（iOS/Android），后端根据平台决定是否发送推送：

from exponent_server_sdk import PushClient, PushMessage

def reset_badge_count(token, new_total, platform):
    if platform == "ios":
        # iOS保留原推送更新角标的逻辑
        response = PushClient().publish(PushMessage(to=token, body=None, data=None, badge=new_total))
        return response is not None
    elif platform == "android":
        # Android无需推送，直接返回成功（客户端本地处理）
        return True

2. 客户端本地处理Android角标 #

使用expo-notifications库，在用户进入通知页面时直接重置Android角标：

import * as Notifications from 'expo-notifications';
import { Platform } from 'react-native';

// 进入通知页面时调用
const resetBadgeCount = async () => {
  if (Platform.OS === 'android') {
    // Android本地将角标设为0
    await Notifications.setBadgeCountAsync(0);
  } else if (Platform.OS === 'ios') {
    // iOS调用后端接口通过推送重置角标
    const expoToken = await Notifications.getExpoPushTokenAsync();
    await fetch('/api/reset-badge', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        token: expoToken.data,
        new_total: 0,
        platform: 'ios'
      })
    });
  }
};

补充：确保Android通知权限 #

Android端修改角标需要应用拥有通知权限，可在应用启动时申请：

import * as Permissions from 'expo-permissions';

// 应用启动时执行
const requestNotificationPermission = async () => {
  const { status } = await Permissions.askAsync(Permissions.NOTIFICATIONS);
  if (status !== 'granted') {
    alert('需开启通知权限才能更新角标');
  }
};

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