ReactNativeでNFC(iOS版)

環境

ReactNative v0.60.0

iOS13

Xcode 11

iPhoneXR

ライブラリ

注意

NFCの機能(CoreNFC)は iOS13で大幅にアップデートされましたが、これらの機能を用いた開発にはApple Developper Programに登録する必要があります。

準備

素のRNプロジェクトを立ち上げる

react-native init HogeProject

react-native-nfc-manager

install

今回は# RN >= 0.60, XCode 11 (for all fancy iOS 13 core nfc features!)って書いてあるものでやった

npm i --save react-native-nfc-manager@beta

setup

cd ios && pod install && cd ..

RN 60以上の場合です

iOSでの追加設定

Xcodeで実機ビルド

Signinning でしっかりApple Developper Programに登録したアカウントでSiginInしましょう

CapabilitiesにNFC Tag Readingが追加されていることを確認しましょう

https://gyazo.com/f9ff7860d1e4bf11e3fb51fab75e807e

react-native-nfc-manager v2で使える機能(2019/11/15時点)

react-native-nfc-manager v2 & RN >= 0.60.0の時

NDEFフォーマットの読み取り

NDEFフォーマットの書き込み

できる模様(未確認)

そもそもフォーマットはできるのか？

Mifare(TypeA)の読み取り

できる模様(未確認)

Felica(TypeF)の読み取り

まだ対応していない

ios13のcoreNFCでは対応している

Type B

不明

軽く試した感じではできなそう

react-native-nfc-manager v1 or RN < 0.60.0の時

NDEFフォーマットの読み取り