DEV Community

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

Posted on

11 1

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:

Tiugo image

Modular, Fast, and Built for Developers

CKEditor 5 gives you full control over your editing experience. A modular architecture means you get high performance, fewer re-renders and a setup that scales with your needs.

Start now

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 ?

Neon image

Next.js applications: Set up a Neon project in seconds

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Get started →

👋 Kindness is contagious

Value this insightful article and join the thriving DEV Community. Developers of every skill level are encouraged to contribute and expand our collective knowledge.

A simple “thank you” can uplift someone’s spirits. Leave your appreciation in the comments!

On DEV, exchanging expertise lightens our path and reinforces our bonds. Enjoyed the read? A quick note of thanks to the author means a lot.

Okay