React Native集成react-native-datawedge-intent失败，求Zebra TC26扫码指导

一、先完成DataWedge基础配置（必做） #

Zebra设备的条码扫描依赖DataWedge服务，必须先配置正确：

• 打开设备自带的DataWedge应用，创建新Profile：
  1. 点击右上角「+」，输入Profile名称（例如RN_Barcode_Scanner）
  2. 在「Associated apps」中选择你的React Native应用（匹配android/app/build.gradle里的applicationId）
  3. 进入「Input」选项，启用Barcode Scanner，确保扫描器处于激活状态
  4. 进入「Output」选项，选择Intent输出方式：
     • 设置Intent动作为自定义值（例如com.your_app.SCAN_RESULT）
     • Intent类别设为DEFAULT
     • 发送方式选择Broadcast Intent
  5. 保存Profile并确保它处于激活状态

二、react-native-datawedge-intent 正确集成步骤 #

如果之前集成失败，先清理后重新操作：

• 卸载并重装依赖：

  npm uninstall react-native-datawedge-intent
  npm install react-native-datawedge-intent
  

• 配置安卓Manifest：
  在android/app/src/main/AndroidManifest.xml的主Activity中添加对应Intent过滤器，和DataWedge里设置的动作保持一致：

  <activity
      android:name=".MainActivity"
      ...>
      <intent-filter>
          <action android:name="com.your_app.SCAN_RESULT" />
          <category android:name="android.intent.category.DEFAULT" />
      </intent-filter>
  </activity>
  

三、React Native 端接收扫描数据 #

在业务组件中编写监听逻辑：

import { useEffect, useState } from 'react';
import { NativeEventEmitter, NativeModules } from 'react-native';
const { DataWedgeIntent } = NativeModules;
const dataWedgeEmitter = new NativeEventEmitter(DataWedgeIntent);

const BarcodeScannerScreen = () => {
  const [scannedData, setScannedData] = useState('');

  useEffect(() => {
    // 监听扫描事件
    const scanSubscription = dataWedgeEmitter.addListener(
      'dataWedgeEvent',
      (event) => {
        if (event.type === 'SCAN') {
          setScannedData(event.data);
          console.log('扫描条码:', event.data);
        }
      }
    );

    // 绑定DataWedge Profile
    DataWedgeIntent.setProfile('RN_Barcode_Scanner');

    return () => scanSubscription.remove();
  }, []);

  return (
    <View>
      <Text>扫描结果: {scannedData}</Text>
    </View>
  );
};

export default BarcodeScannerScreen;

四、常见问题排查 #

• 确认DataWedge的Profile关联的应用包名完全匹配你的项目applicationId
• 检查DataWedge的Intent动作和Manifest、JS代码中的值完全一致（大小写敏感）
• 重启设备和应用，确保DataWedge配置生效
• 使用DataWedge的「Test Output」功能，验证扫描时是否能正常发送广播
• 检查是否有其他优先级更高的DataWedge Profile，导致当前Profile未被触发

五、替代方案（若react-native-datawedge-intent仍无效） #

直接自定义安卓原生模块监听广播：

1. 创建BarcodeBroadcastReceiver.java继承BroadcastReceiver，在onReceive方法中解析条码数据，通过ReactContext发送事件到JS端
2. 在MainActivity中注册该广播接收器，指定DataWedge设置的Intent动作
3. JS端通过NativeEventEmitter监听原生发送的扫描事件

内容的提问来源于stack exchange，提问作者Usman Haider