React Native Expo在Zebra Scanner OS上监听物理键盘事件求助

针对你无需文本输入框即可监听物理键盘（如F键）的需求，以下是可行的解决步骤：

1. 确保Config Plugin正确配置 #

你使用的react-native-keyevent-expo-config-plugin需要完成配置并预构建原生代码，这是Expo Managed项目使用原生依赖的必要步骤：

• 在app.json或app.config.js的expo.plugins数组中添加插件：

  {
    "expo": {
      "plugins": ["react-native-keyevent-expo-config-plugin"]
    }
  }
  

• 执行预构建命令生成原生代码：

  npx expo prebuild
  

2. 修正监听代码，避免内存泄漏 #

你的原代码存在重复注册监听、未清理监听的问题，修正后的代码如下：

import React, { useEffect } from 'react';
import { View, Text } from 'react-native';
import KeyEvent from 'react-native-keyevent';

export default function MainScreen() {
  useEffect(() => {
    // 注册按键按下监听
    const downListener = KeyEvent.onKeyDownListener((keyEvent) => {
      console.log(`按键按下 键码: ${keyEvent.keyCode}`);
      console.log(`按键名称: ${keyEvent.pressedKey}`);
      
      // 针对F键的处理（示例：F1键码为112，可根据实际键码调整）
      if (keyEvent.keyCode === 112) {
        console.log('F1键触发');
        // 这里添加你的业务逻辑
      }
    });

    // 注册多按键触发监听（可选）
    const multipleListener = KeyEvent.onKeyMultipleListener((keyEvent) => {
      console.log(`多按键触发 键码: ${keyEvent.keyCode}`);
    });

    // 组件卸载时移除所有监听，防止内存泄漏
    return () => {
      downListener.remove();
      multipleListener.remove();
    };
  }, []); // 空依赖数组确保监听只注册一次

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>正在监听物理键盘按键...</Text>
    </View>
  );
}

3. Zebra设备特殊适配（若上述步骤无效） #

Zebra Scanner OS可能对部分物理按键有系统级拦截，可通过修改原生代码确保事件传递：
预构建后，找到安卓项目的MainActivity.java（路径：android/app/src/main/java/[你的包名]/MainActivity.java），重写dispatchKeyEvent方法：

import android.view.KeyEvent;
import com.facebook.react.ReactActivity;

public class MainActivity extends ReactActivity {
  // ... 其他原有代码

  @Override
  public boolean dispatchKeyEvent(KeyEvent event) {
    // 优先让React Native的KeyEvent模块处理事件
    boolean handled = super.dispatchKeyEvent(event);
    if (!handled) {
      // 可在此添加Zebra特殊按键的自定义处理逻辑
      if (event.getAction() == KeyEvent.ACTION_DOWN) {
        // 示例：处理扫描键或其他自定义按键
      }
    }
    return handled;
  }
}

测试注意事项 #

• 必须使用Zebra物理设备测试，模拟器无法模拟实体键盘的F键事件
• 执行adb logcat *:S ReactNative:V ReactNativeJS:V查看日志，确认按键事件是否被捕获
• 检查Zebra设备的系统设置，确保目标按键未被分配给其他系统功能

内容的提问来源于stack exchange，提问作者Ryan Kafkaur