react native使用react-native-nfc-manager@3.14.3,如何开启nfc，js使用react的hooks新特性详细代码及实际处理中的catch代码

在使用`react-native-nfc-manager@3.14.3`开发NFC功能时，需要在原生代码中开启NFC模块，并且在JS代码中使用React Hooks来监听NFC状态。下面是详细的代码实现过程：

1. 安装`react-native-nfc-manager@3.14.3`模块

npm install react-native-nfc-manager@3.14.3

2. 在原生代码中开启NFC模块

在`MainApplication.java`文件中的`onCreate()`方法中添加以下代码：

NfcManager nfcManager = NfcManager.getInstance(this);
nfcManager.start();

3. 在JS代码中使用React Hooks监听NFC状态

在需要监听NFC状态的组件中，使用`useEffect` Hook来监听NFC状态的变化。需要注意的是，必须先检查设备是否支持NFC功能，如果不支持，则需要进行相应的处理。

import React, { useEffect, useState } from 'react';
import { Text } from 'react-native';
import NfcManager, { NfcEvents } from 'react-native-nfc-manager';

const NFCExample = () => {
  const [nfcEnabled, setNfcEnabled] = useState(false);

  useEffect(() => {
    // 检查设备是否支持NFC
    NfcManager.isSupported()
      .then(supported => {
        if (supported) {
          // 开启NFC模块
          NfcManager.start()
            .then(() => setNfcEnabled(true))
            .catch(error => console.warn(error));
          
          // 监听NFC状态变化
          NfcManager.setEventListener(NfcEvents.DiscoverTag, tag => {
            console.warn('tag', tag);
            NfcManager.unregisterTagEvent().catch(error => console.warn(error));
          });
        } else {
          console.warn('NFC is not supported on this device');
        }
      })
      .catch(error => console.warn(error));
    
    // 组件卸载时关闭NFC模块
    return () => {
      NfcManager.stop();
    };
  }, []);

  return (
    <Text>{nfcEnabled ? 'NFC is enabled' : 'NFC is not enabled'}</Text>
  );
};

export default NFCExample;

4. 在实际处理中添加错误处理代码

在实际处理NFC功能时，需要添加相应的错误处理代码，以避免出现异常情况。例如，在使用`NfcManager.start()`方法开启NFC模块时，可能会出现`NfcNotSupported`、`NfcNotEnabled`、`NfcNotRegistered`等错误，需要进行相应的处理。下面是一个简单的错误处理代码示例：

import React, { useEffect, useState } from 'react';
import { Text } from 'react-native';
import NfcManager, { NfcEvents, NfcTech } from 'react-native-nfc-manager';

const NFCExample = () => {
  const [nfcEnabled, setNfcEnabled] = useState(false);

  useEffect(() => {
    // 检查设备是否支持NFC
    NfcManager.isSupported()
      .then(supported => {
        if (supported) {
          // 开启NFC模块
          NfcManager.start()
            .then(() => setNfcEnabled(true))
            .catch(error => {
              console.warn(error);
              if (error === 'NfcNotSupported') {
                console.warn('NFC is not supported on this device');
              } else if (error === 'NfcNotEnabled') {
                console.warn('NFC is not enabled on this device');
              } else if (error === 'NfcNotRegistered') {
                console.warn('NFC module is not registered on this device');
              } else {
                console.warn('Failed to start NFC module');
              }
            });
          
          // 监听NFC状态变化
          NfcManager.setEventListener(NfcEvents.DiscoverTag, tag => {
            console.warn('tag', tag);
            NfcManager.unregisterTagEvent().catch(error => console.warn(error));
          });
        } else {
          console.warn('NFC is not supported on this device');
        }
      })
      .catch(error => console.warn(error));
    
    // 组件卸载时关闭NFC模块
    return () => {
      NfcManager.stop();
    };
  }, []);

  return (
    <Text>{nfcEnabled ? 'NFC is enabled' : 'NFC is not enabled'}</Text>
  );
};

export default NFCExample;