대기 중인 React-Native NFC 태그 requestTechnology를 종료시켰음에도 불구하고 다시 활성화하면 오류가 발생합니다.

Question

안녕하세요, 간단한 프로젝트를 하나 만들고 있는데요.앱을 켠 상태에서 NFC를 태그하면 지정한 웹 뷰로 화면이 넘어가는 웹뷰 통신 &#43; RN NFC Manager를 활용한 프로젝트입니다.문제는, NFC 요청이 대기중인 상태에서 사용자가 NFC를 태그하지 않고 'NFC 새로고침' 같은 버튼을 통해 기존의 대기 상태를 초기화하고 새로 대기 상태로 만들려고 하면 오류가 발생합니다.여기서 다시 새로고침 버튼을 누르면 동작은 하지만, 원하는 동작은 새로고침 1회를 통해 바로 사용 가능하도록 하는것이 목표입니다.무엇이 문제일까요?import NfcManager, { NfcTech } from 'react-native-nfc-manager'; NfcManager.start(); const nfcTag &#61; async () &#61;> { try { await NfcManager.requestTechnology(NfcTech.Ndef); const tag &#61; await NfcManager.getTag(); webviewRef.current.postMessage(String(tag.id)); } catch (error) { console.error(error); } finally { nfcClean(); } }; const nfcClean &#61; () &#61;> { NfcManager.unregisterTagEvent(); NfcManager.cancelTechnologyRequest(); };디버그용으로 콘솔로그 찍어 본 내용인데, nfcTag 메서드가 실행 도중에 catch 되면서 finally로 넘어가게 됩니다.

RH.BY · Answer

자답합니다.requestTechnology => 이 방식은 버튼을 누르고 있는 상태에서 NFC를 읽는 방식입니다.따라서 계속적으로 읽어들이는데에는 무리가 있습니다..태그를 읽어들일 때마다 서비스를 수행할 수 있도록, 이벤트 리스너에 태그 발견 이벤트를 작성하여 붙였습니다NfcManager.start(); // Nfc Status const [nfcStatus, setNfcStatus] = useState(false); useEffect(() => { NfcManager.setEventListener(NfcEvents.DiscoverTag, tag => { console.warn('tag found: ' + tag.id); setNfcStatus(!nfcStatus); }); }, [nfcStatus]); const setTagEvent = async () => { await NfcManager.registerTagEvent(); };

대기 중인 React-Native NFC 태그 requestTechnology를 종료시켰음에도 불구하고 다시 활성화하면 오류가 발생합니다.

1개의 답변

Q&A 목록