React Native 애플리케이션에서 NFC를 사용하려면 NFC 기능을 제공하는 타사 라이브러리를 활용할 수 있습니다. React Native의 NFC 통합을위한 인기있는 라이브러리는 `react-native-nfc-manager`입니다.
다음은 React Native 앱에서 NFC를 사용하는 방법에 대한 단계별 가이드입니다.
1. 명세 React Native 프로젝트 설정:
- 새로운 React Native 프로젝트를 설정하거나 기존 프로젝트 디렉토리로 이동하십시오.
2. 명세 필요한 패키지를 설치:
- 프로젝트 디렉토리에 터미널을 열고 다음 명령을 실행하여 `react-native-nfc-manager`와 그 의존성을 설치하십시오.
₢ 킹 ₢ 킹
npm는 react-native-nfc-manager 설치
₢ 킹 ₢ 킹
3. 명세 패키지를 연결 :
- React Native 프로젝트에 패키지를 연결하려면 다음 명령을 실행하십시오.
₢ 킹 ₢ 킹
react-native 링크 react-native-nfc-manager
₢ 킹 ₢ 킹
4. 명세 Android Permissions (Android 전용) 구성:
- `android/app/src/main` 디렉토리에 있는 `AndroidManifest.xml` 파일을 엽니다.
- `` tag 안에서 권한 추가.
5. 명세 `react-native-nfc-manager`를 가져오기 및 초기화:
- 원하는 JavaScript 파일의 상단에서 `NfcManager`를 가져옵니다.
```javascript```````````javascript````````````````javascript````````````````````javascript``````````````````javascript````````````javascript````````````````````````````javascript``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
'react-native-nfc-manager'에서 NfcManager 가져 오기;
₢ 킹 ₢ 킹
- 구성 요소의 수명주기 방법 (예를 들어, `componentDidMount`)의 다음 코드를 추가하여 `NfcManager`를 초기화합니다.
```javascript```````````javascript````````````````javascript````````````````````javascript``````````````````javascript````````````javascript````````````````````````````javascript``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
구성 요소DidMount() {
NfcManager.start ();
이름 *
구성 요소WillUnmount() {
NfcManager.stop();
이름 *
₢ 킹 ₢ 킹
6. 명세 NFC 이벤트 리스너 및 핸들 NFC 이벤트 추가:
- 원하는 부품의 수명주기 방법에 NFC 이벤트 리스너를 등록하십시오. DidMount`:
```javascript```````````javascript````````````````javascript````````````````````javascript``````````````````javascript````````````javascript````````````````````````````javascript``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
구성 요소DidMount() {
NfcManager.start ();
NfcManager.setEventListener(이.handleNfcEvents);
이름 *
handleNfcEvents = 동기화 (nfcEvent) => 이름 *
// NFC 이벤트 핸들
이름 *
₢ 킹 ₢ 킹
- 이벤트 리스너 내부(‘handleNfcEvents’ in example above), 태그 검색, 읽기/쓰기 데이터, 기타 NFC 관련 작업과 같은 다양한 NFC 이벤트를 처리하기 위해 논리를 구현할 수 있습니다.
7. React Native 앱 구축 및 실행:
- 표준 명령을 사용하여 장치 또는 에뮬레이터에서 React Native 애플리케이션을 빌드하고 실행하십시오 (Android 또는 iOS 용 'react-native run-android').
위의 단계로 React Native 애플리케이션에서 기본 NFC 기능이 활성화되어야 합니다. NFC 태그와 같은 NFC 관련 기능을 구현할 수 있습니다. NFC 태그, 태그를 작성하거나 NFC 지원 기기와 상호 작용할 수 있습니다. 'react-native-nfc-manager' 문서에 대한 자세한 내용은 사용 가능한 방법 및 이벤트 처리.
