先说个背景，咱们聊聊React Native和串口

React Native本来是玩界面的，想搞硬件？别说我也曾经一头雾水。

不过硬件世界里Zui常见的“老古董”就是串口，比如刷卡器、扫码枪、工业仪表。

要在RN里把这些设备的实时数据读出来得动点儿原生代码。

选库还是撸原生？

市面上有几款库，像react-native-serialportreact-native-serial-port-api，基本思路dou是把Android/iOS的串口API包装成JS。

Ru果你只想快速跑通一个demo，直接npm装个库就行；要是项目里对性Neng、兼容性有苛刻要求，那自己写Native Module才是王道。

Android端：从权限到打开设备

先说权限。别忘了在AndroidManifest.xml里加上：

实际运行时还得在代码里动态申请，否则系统会直接报“no permission to read or write this serial port”。

打开设备Zui关键的几个参数：

路径比如/dev/ttyS3或/dev/ttyACM0。

波特率115200、9600随硬件而定。

数据位/停止位/校验位大多数默认8N1。

下面是一段Java示例：

SerialPort serial = new SerialPort, baudRate, 0);
InputStream in = serial.getInputStream;
OutputStream out = serial.getOutputStream;

I/O循环——怎么把流变成事件？

串口是连续字节流，没有包边界。我们得自己挑“回车换行”或者自定义分隔符来截帧。

Zui常见的Zuo法是开个子线程读in.read，把每次读到的字节累加到缓存区，然后检测是否出现\r .

StringBuilder buffer = new StringBuilder;
byte tmp = new byte;
int len;
while ) != -1) {
    String chunk = new String;
    buffer.append;
    if  != -1) {
        String frame = buffer.substring);
        sendEventToJS;
        buffer.delete + 2);
    }
}

注意：USB CDC-ACM会出现乱序或分块，需要额外的超时策略，比如500ms内没有新数据就认为帧结束。

Ios端：CoreBluetooth+ExternalAccessory？不对不对，用ExternalAccessory才对味儿。

Ios对串口的支持geng局限，只Neng通过External Accessory协议或者MFi认证设备。

同样写个Obj‑C桥接，把收到的数据通过RCTEventEmitter抛给JS层。

React Native层：如何订阅这些事件？

Nativemodule.emit, 然后在JS里：

import {NativeEventEmitter, NativeModules} from 'react-native';
const {SerialPortModule} = NativeModules;
const emitter = new NativeEventEmitter;
useEffect => {
  const sub = emitter.addListener => {
    // 这里每收到一帧，就Ke以geng新state或者直接处理业务
    console.log;
  });
  return  => sub.remove;
}, );

Ru果你用的是第三方库，上面的代码大体相同，只是模块名和事件名可Neng不同。

实战小技巧——防止残留数据污染下一次读取

A: 在切换设备或关闭串口时把缓存区清空；B: 在UI层用一个“enabled”开关控制是否真正处理回调；C: 用Ref保存Zui新的业务状态，防止闭包捕获旧值导致逻辑错乱。

"为什么百度不收录"这事儿顺带聊聊

问： 我写了篇关于React Native读取串口的博客，可是百度搜索根本找不到，咋回事？

A： 检查一下网站是否被robots.txt拦住了有没有误把/*..js之类屏蔽掉；然后确认页面有没有