react native 百度通用文字识别 身份证识别 营业

添加监听 初始化 识别调用 相机调用 相册调用 二维码生成 二维码扫描 使用实例 安装方法 添加监听

必须先执行此操作

import BaiduOcrScan from 'react-native-baidu-camera-ocr-scan'; componentDidMount(){ this.subscription = BaiduOcrScan.addListener(); } componentWillUnmount(){ this.subscription?this.subscription.remove():null; } 初始化

单调用相机 相册 二维码扫描 二维码生成是不需要初始化的,其他识别类功能必须先初始化

ak和sk去这里进行注册' http://ai.baidu.com/tech/ocr

BaiduOcrScan.init("ak","sk",(data)=>{ console.log(`初始化成功`); }); 识别调用

type为识别类型

"CAMERA" //银行卡识别

"CARD_FRONT" //身份证正面识别

"CARD_BACK" //身份证反面识别

"BUSINESS_LICENSE" //营业执照识别

"PLATE_LICENSE" //车牌识别

"DRIVER_LICENSE" //驾驶证识别

"DRIVING_LICENSE" //行驶证识别

"GENERAL_BILL" //通用票据识别

BaiduOcrScan.ocr(type,(data)=>{ console.log("输出调用识别回调"); console.log(data); if(data.error == 0){ //识别成功 }else{ //识别失败 } }); 相机调用

BaiduOcrScan.callCamera((data)=>{ console.log("输出调用相机回调"); console.log(data); }); 相册调用

BaiduOcrScan.callAlbum((data)=>{ console.log("输出调用相册回调"); console.log(data); }); 二维码生成

BaiduOcrScan.createQRCode("要生成二维码的字符串",(data)=>{ console.log("生成二维码成功,输出结果"); console.log(data); }); 二维码扫描

BaiduOcrScan.callQRCode((data)=>{ console.log("输出二维码扫描结果"); console.log(data); }); 使用实例

参考App.js

安装方法 npm i react-native-baidu-camera-ocr-scan -save 自动配置

执行此命令

react-native link react-native-baidu-camera-ocr-scan

注意ios必须手动执行后续操作才可以使用

ios后续步骤 手动配置 android配置

设置 android/setting.gradle

... include ':ReactNativeBaiduOcrScan' project(':ReactNativeBaiduOcrScan').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-baidu-camera-ocr-scan/android')

设置 android/app/build.gradle

dependencies { compile project(':ReactNativeBaiduOcrScan') }

注册模块 (到 MainApplication.java)

import com.baidu.BaiDuOcrPackage; public class MainApplication extends Application implements ReactApplication { ......

@Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(), new new BaiDuOcrPackage() //<--- 添加 ); }

......

}

ios配置

右键 Libraries 选择Add Files To "项目名" 进入../node_modules/react-native-baidu-camera-ocr-scan/ios/目录 选择RCTBaiDuOcrModule.xcodeproj 添加

在项目Build Phases下的Link Binary With Libraries 下 添加 libRCTBaiDuOcrModule.a 库文件

ios后续步骤 进入../node_modules/react-native-baidu-camera-ocr-scan/ios/RCTBaiDuOcrModule