DEV Community

Cover image for How to use NFC tags with React Native
Adrian Twarog
Adrian Twarog

Posted on

How to use NFC tags with React Native

In this video, we explore using React Native library called react-native-nfc-manager to get NFC tags working for mobile development (in Android & iOS). NFC tags have heaps of uses, such as being able to have short range tags for prompting website links, directions, URLs or even youtube channels!

Items we cover include:

  • What are NFC
  • How can we use NFC Tags
  • Getting NFC tag manager installed for React Native
  • Using React Native to read and write NFC tags
  • Using Windows/Apple to read and write NFC tags with GoToTags.

NFC on iOS 13:
https://gototags.com/blog/apple-expands-nfc-on-iphone-in-ios-13/

React Native NFC Manager:
https://github.com/whitedogg13/react-native-nfc-manager

Follow and support me:

Special thanks if you subscribe to my channel :)

Want to see more:

I will try to post new great content every day. Here are the latest items:

Top comments (2)

Collapse
 
gustavomsevero profile image
Gustavo M. Severo

I got this error when trying to run on my iPhone

"/** BUILD FAILED **

The following build commands failed:
CompileC /Users/gustavosevero/Library/Developer/Xcode/DerivedData/NFCApp-aelcnubdbhdurpdctcchwauyymcg/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/react-native-nfc-manager.build/Objects-normal/x86_64/NfcManager.o /Users/gustavosevero/React-Native/POCs/NFCApp/node_modules/react-native-nfc-manager/ios/NfcManager.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)
"

Collapse
 
rmzala profile image
RMZala

I am developing one mobile application, in that I am thinking to use “react-native-nfc-manager” package so I wanted to know is this package has support windows mobile also ?