React Native蓝牙ESC打印模块可配对但无法连接设备

代码层面的显性故障（直接中断连接流程） #

• 变量作用域引用错误：enableBT 函数内遍历已配对设备时，直接引用了仅在scanBTDevices函数作用域内存在的局部变量ss，运行时会触发ReferenceError，直接中断后续的蓝牙扫描、连接逻辑。
  错误代码片段：

  // ss 未在当前作用域定义，执行即报错
  if (ss.paired.length > 0) {
      setWaiting(false);
  }
  

  修正逻辑：替换为当前函数内已生成的paired数组做长度判断。
• 硬编码强制连接逻辑：scanBTDevices 的成功回调中直接写死连接固定MAC地址的设备，未判断目标设备是否在实际扫描结果中，非常容易因为目标设备不在范围、MAC不匹配触发连接超时失败。
  错误代码片段：

  // 扫描完成自动连接固定设备，无用户交互逻辑
  connectBTDevice({ "address": "64:6C:B2:DA:19:3D", "name": "Galaxy Grand Prime" });
  

  修正逻辑：移除这段硬编码连接，将扫描到的设备渲染到列表中，由用户点击对应设备触发连接流程。
• 事件监听无状态同步：两个蓝牙事件监听的回调函数仅打印控制台日志，没有把事件推送的已配对设备、新发现设备信息同步到组件状态，导致扫描过程中陆续发现的设备根本不会在UI层展示，用户无法选中目标设备。
  错误代码片段：

  function _deviceAlreadPaired(rsp) {
      console.log(rsp.devices); // 未更新组件状态
  }
  function _deviceFoundEvent(rsp) {
      console.log(rsp.devices); // 未更新组件状态
  }
  

  修正逻辑：将回调返回的设备信息解析后，合并更新到pairedDs、foundDs的状态中。
• UI层缺失已配对设备区块：当前页面仅渲染扫描到的未配对设备列表，完全没有展示已配对设备的入口，用户无法触发已配对设备的连接操作。

系统层面的隐含拦截问题 #

• 对应使用的依赖版本（react-native-bluetooth-escpos-printer@0.0.5），需要在Android工程配置中补全全版本兼容的蓝牙权限，否则连接请求会被系统直接拦截：
  • Android 12及以上版本：需要在运行时申请BLUETOOTH_SCAN、BLUETOOTH_CONNECT、BLUETOOTH_ADVERTISE权限
  • Android 6.0~11版本：需要在运行时申请ACCESS_FINE_LOCATION权限，支持蓝牙扫描功能
• 触发新连接前，需要先主动调用BluetoothManager.cancelDeviceConnection() 断开可能存在的旧蓝牙连接，避免蓝牙服务被占用导致新连接建立失败。
• 不要在扫描流程刚启动的Promise回调中触发连接操作，需要等扫描流程完全结束、所有设备信息加载完成后，再开放连接入口，避免设备的蓝牙连接通道未准备好导致连接失败。

正确连接流程参考 #

1. 蓝牙开启后，先获取本地所有已配对设备列表，渲染到页面供用户选择
2. 启动蓝牙扫描，过程中将实时发现的未配对设备更新到页面列表
3. 用户点击设备项时，先判断设备配对状态：
   • 已配对设备：直接调用BluetoothManager.connect(设备MAC地址) 触发连接
   • 未配对设备：先完成系统配对流程，配对成功后再触发连接
4. 连接成功后记录当前已连接的设备MAC，作为后续打印操作的前置校验
5. 页面卸载时移除所有蓝牙事件监听，避免内存泄漏

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