React Native能否实现文档扫描场景下逐帧处理实时camera feed

针对React Native下的实时相机逐帧处理、定向文档扫描需求，完全具备落地可行性，框架本身不存在能力硬阻塞，现有成熟生态已经覆盖从实时相机流输出、帧级回调到自定义画面处理的全链路能力。

逐帧输出相机流的基础相机组件 #

这类组件会在原生层直接对接系统相机预览能力，开放可回调的帧数据接口，不需要从零编写原生桥接代码：

• react-native-vision-camera：是目前性能最优的选型，它的帧处理逻辑完全运行在原生线程，跳过了JS桥接的序列化传输开销，每帧可直接拿到原生侧的像素Buffer，单帧处理延迟可以控制在数十毫秒级，完全满足实时扫描的帧率要求，不会出现预览卡顿。
• react-native-camera：是生态覆盖久的老牌相机组件，同样支持帧数据回调，但帧处理逻辑需要经过JS层转发，高分辨率场景下容易出现掉帧，仅适合性能要求不极致的轻量场景。

帧处理与文档扫描能力扩展 #

在拿到实时帧数据的基础上，可以搭配对应插件完成文档识别逻辑，不需要从零编写原生图像算法：

• 依托react-native-vision-camera的插件生态，可直接对接实时文档边缘检测、透视校正的封装能力，自动在预览层叠加绘制识别到的文档轮廓，和原生开发的扫描体验基本一致。
• 对自定义检测逻辑有要求的场景，可以搭配桥接好的OpenCV能力，直接把拿到的帧Buffer送入OpenCV的轮廓检测、透视变换流程处理，不需要把图片转成可序列化格式传输，大幅降低性能损耗。

• 禁止把单帧的全量像素数据传到JS线程做处理：1080p分辨率下单帧的像素数据量有数MB，跨线程序列化会直接把预览帧率拖到10帧以下，所有图像识别、重计算逻辑必须在原生线程的帧处理器内完成，仅把识别结果、坐标位置这类轻量数据传回JS层更新UI。
• 可以通过分层分辨率配置平衡体验与性能：预览层用全分辨率渲染保证观感，用于检测的帧流主动降到720p输出，单帧处理时间可压缩到10ms以内，稳定维持30帧以上的流畅体验。
• 针对低性能机型做动态适配：当连续3帧的处理时间超过阈值时，自动把检测间隔从1帧一次调整为3帧一次，避免手机过热、预览掉帧。

内容的提问来源于stack exchange，提问作者a'-'-'-'-'-'-'-'-'-'-