跳到主要内容
@unif/react-native-hms-scan

华为统一扫码，
定制视图 + 图片识别

华为 HMS 统一扫码服务的 React Native 封装（新架构）：成品扫一扫页 + 底层 headless 相机组件 + 图片识别。

开始使用 快速开始
$npm install @unif/react-native-hms-scan react-native-svg
Scan SDK-PlusScanKitFrameWork新架构 Fabric
ScanScreen.tsxScanner
1import { Scanner } from '@unif/react-native-hms-scan'
2 
3export function ScanScreen() {
4  return (
5    <Scanner
6      formats={['QR_CODE', 'EAN_13']}
7      onScan={(r) => save(r.value)}
8    />
9  )
10}
扫一扫
将条码 / 二维码放入框内，自动扫描
手电筒相册
识别成功 · 桂花乌龙 500ml
6921168·EAN-13
浮层确认卡
核心能力

成品扫一扫页

开箱即用的 Scanner 组件：取景、识别、浮层确认卡、未识别重试、无权限引导一体化。

底层 headless 组件

HmsScanView 只输出相机预览与扫码事件，取景框 / 按钮等 UI 完全自定义。

图片识别

decodeImage(uri) 从本地图片解码条码 / 二维码，支持限定码制，适合相册扫码场景。