React Native中无法获取iOS推送通知设备令牌

看起来你在尝试用React Native获取iOS设备推送令牌来实现推送通知功能，我帮你梳理下正确的实现步骤，顺便纠正代码里的关键小错误：

首先纠正代码里的拼写错误 #

你代码里写的 PushNotificationIOS.addEventLister 是拼写错误，正确的方法名是 addEventListener——少了一个字母n，这个错误会导致你的监听事件完全不触发，这可能是你获取不到令牌的核心原因之一。

完整的实现代码示例 #

下面是一个可以正常获取iOS推送令牌的完整组件代码，包含权限请求、令牌监听和错误处理：

import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View, PushNotificationIOS, Alert } from 'react-native';

type Props = {};
export default class Apptitude extends Component<Props> {
  componentDidMount() {
    // 先向用户请求推送权限
    PushNotificationIOS.requestPermissions({
      alert: true,
      badge: true,
      sound: true
    }).then(permissions => {
      // 检查权限是否授予
      if (permissions.alert || permissions.badge || permissions.sound) {
        // 注册推送监听
        PushNotificationIOS.addEventListener('register', this.handleDeviceToken);
        PushNotificationIOS.addEventListener('registrationError', this.handleRegistrationError);
      } else {
        Alert.alert('权限提示', '需要开启推送权限才能接收通知');
      }
    });
  }

  componentWillUnmount() {
    // 组件卸载时移除监听，避免内存泄漏
    PushNotificationIOS.removeEventListener('register', this.handleDeviceToken);
    PushNotificationIOS.removeEventListener('registrationError', this.handleRegistrationError);
  }

  // 成功获取令牌的回调
  handleDeviceToken = (deviceToken) => {
    console.log('✅ 设备令牌获取成功:', deviceToken);
    // 这里可以把令牌发送到你的后端服务器存储
  };

  // 令牌注册失败的回调
  handleRegistrationError = (error) => {
    console.error('❌ 令牌注册失败:', error);
    Alert.alert('注册失败', '无法获取推送令牌，请检查应用配置');
  };

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.text}>正在尝试获取推送令牌...</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#f5f5f5',
  },
  text: {
    fontSize: 16,
    color: '#333',
  },
});

iOS端必须配置的项目设置 #

光有代码还不够，你需要在Xcode里完成以下配置：

• 打开你的iOS项目（在ios文件夹里的.xcworkspace文件）
• 进入项目的Signing & Capabilities标签页，点击+ Capability，添加Push Notifications能力
• 同样在Signing & Capabilities里，添加Background Modes能力，并勾选Remote notifications选项
• 确保你的项目已经正确配置了开发者证书和Provisioning Profile（开发环境用开发证书，生产环境用生产证书）

额外提示 #

如果你需要同时支持Android平台，建议使用第三方库（比如react-native-push-notification），它封装了iOS和Android的推送逻辑，不需要分别写两套代码，配置也更便捷。

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