NFC
NFC
Near Field Communication (NFC) allows devices to exchange data wirelessly over very short distances, commonly used for contactless payments, access cards, and smart tag interactions in React Native applications.
Installing an NFC Library
bash
npm install react-native-nfc-manager
Checking NFC Support
javascript
import NfcManager from 'react-native-nfc-manager';
const isSupported = await NfcManager.isSupported();
Starting the NFC Manager
javascript
await NfcManager.start();
Reading an NFC Tag
javascript
import { NfcTech } from 'react-native-nfc-manager';
async function readTag() {
await NfcManager.requestTechnology(NfcTech.Ndef);
const tag = await NfcManager.getTag();
console.log(tag);
NfcManager.cancelTechnologyRequest();
}
Writing Data to an NFC Tag
javascript
import Ndef from 'react-native-nfc-manager/lib/ndef-lib';
const bytes = Ndef.encodeMessage([Ndef.textRecord('Hello NFC')]);
await NfcManager.ndefHandler.writeNdefMessage(bytes);
Common Use Cases
- Contactless business cards or product information tags
- Access control and identity verification
- Loyalty cards and event check-in systems
Platform Considerations
NFC support and behavior differ significantly between Android and iOS, with iOS having more restrictions around background NFC scanning compared to Android.
Conclusion
NFC integration using react-native-nfc-manager enables React Native applications to read and write data to NFC tags, supporting a range of contactless interaction use cases.
