React Native实现APP后台/关闭时读取NFC数据的方法问询

要实现APP关闭时唤起APP并处理NFC数据，安卓和iOS的实现逻辑有差异，以下是具体实现步骤：

安卓端核心实现 #

1. 配置AndroidManifest.xml #

在android/app/src/main/AndroidManifest.xml中添加NFC权限与唤起规则：

<!-- 添加NFC权限 -->
<uses-permission android:name="android.permission.NFC" />
<uses-feature android:name="android.hardware.nfc" android:required="false" />

<!-- 在主Activity标签内添加intent-filter，让系统检测NFC时唤起APP -->
<activity
    android:name=".MainActivity"
    ...>
    <!-- 处理NDEF格式标签 -->
    <intent-filter>
        <action android:name="android.nfc.action.NDEF_DISCOVERED" />
        <category android:name="android.intent.category.DEFAULT" />
        <!-- 匹配文本类型标签，可根据需求修改为http/自定义类型 -->
        <data android:mimeType="text/plain" />
    </intent-filter>
    <!-- 处理非NDEF格式的NFC标签 -->
    <intent-filter>
        <action android:name="android.nfc.action.TAG_DISCOVERED" />
        <category android:name="android.intent.category.DEFAULT" />
    </intent-filter>
    <!-- 配置支持的NFC技术 -->
    <meta-data
        android:name="android.nfc.action.TECH_DISCOVERED"
        android:resource="@xml/nfc_tech_filter" />
</activity>

创建android/app/src/main/res/xml/nfc_tech_filter.xml文件，定义支持的NFC技术：

<resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
    <tech-list>
        <tech>android.nfc.tech.Ndef</tech>
        <tech>android.nfc.tech.NdefFormatable</tech>
        <tech>android.nfc.tech.MifareClassic</tech>
    </tech-list>
</resources>

2. 修改React Native代码 #

新增冷启动NFC数据处理逻辑，统一处理APP运行时和被唤起时的NFC数据：

import React, { useEffect, useState } from 'react';
import { Text, SafeAreaView, View, StyleSheet } from 'react-native';
import NfcManager, { NfcEvents } from 'react-native-nfc-manager';

const App = () => {
  const [hasNfc, setHasNFC] = useState(null);
  const [tagContent, setTagContent] = useState('');

  // 统一处理NFC标签数据
  const processTag = (tag) => {
    if (!tag?.ndefMessage) return;
    let content = [];
    tag.ndefMessage.forEach((record, index) => {
      if (record.tnf === 1) {
        // 正确解码NDEF文本（跳过开头的语言编码字节）
        const text = record.payload.slice(1).toString('utf8');
        content.push(`记录${index+1}: ${text}`);
      }
    });
    setTagContent(content.join('\n'));
    console.log('处理NFC数据:', tag);
  };

  useEffect(() => {
    const initNFC = async () => {
      const isSupported = await NfcManager.isSupported();
      setHasNFC(isSupported);
      if (isSupported) {
        await NfcManager.start();
        // 处理冷启动：APP被NFC唤起时的标签数据
        const launchTag = await NfcManager.getLaunchTagEvent();
        processTag(launchTag);
        // 监听APP运行时的NFC事件
        NfcManager.setEventListener(NfcEvents.DiscoverTag, processTag);
        await NfcManager.registerTagEvent();
      }
    };
    initNFC();

    // 清理监听
    return () => {
      NfcManager.setEventListener(NfcEvents.DiscoverTag, null);
      NfcManager.unregisterTagEvent();
    };
  }, []);

  if (hasNfc === null) return null;
  if (!hasNfc) {
    return (
      <View style={styles.container}>
        <Text>设备不支持NFC</Text>
      </View>
    );
  }

  return (
    <SafeAreaView style={styles.container}>
      <Text style={styles.title}>NFC读取结果</Text>
      {tagContent ? (
        <Text style={styles.content}>{tagContent}</Text>
      ) : (
        <Text>请靠近NFC标签</Text>
      )}
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
    padding: 20,
  },
  title: {
    fontSize: 18,
    marginBottom: 20,
  },
  content: {
    fontSize: 16,
    textAlign: 'center',
    lineHeight: 24,
  },
});

export default App;

iOS端实现说明 #

iOS对NFC后台/关闭状态的支持有严格限制：

1. 关闭状态唤起APP：仅支持NDEF格式标签，且标签需包含URL或自定义记录类型，需在Info.plist中添加配置：

<key>NFCReaderUsageDescription</key>
<string>需要NFC权限读取标签数据</string>
<key>NFCNDEFReaderUsageDescription</key>
<string>读取NFC标签内容</string>
<key>UIBackgroundModes</key>
<array>
    <string>nfc-reader</string>
</array>

2. 后台处理限制：iOS 13+支持后台NFC读取，但只能监听特定NDEF类型，且APP仅能处于后台挂起状态（不能完全关闭）。关闭状态下只能唤起APP，启动时通过getLaunchTagEvent()获取数据，逻辑与安卓一致。

注意事项 #

• 安卓端：intent-filter的data配置需与NFC标签的类型匹配（如URL类型需设置android:scheme="http"）
• iOS端：自定义NDEF类型需额外配置com.apple.developer.nfc.readersession.iso7816.select-identifiers
• 必须使用真实设备测试，模拟器不支持NFC功能

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