/react-native-baidu-camera-ocr-scan

react native 百度通用文字识别 身份证识别 营业执照识别 车牌识别 驾驶证识别 行驶证识别 通用票据识别 调用相机 调用相册 二维码扫描 生成二维码

Primary LanguageJavaScript

Mou icon1 Mou icon1

添加监听

必须先执行此操作

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必须手动执行后续操作才可以使用

手动配置

android配置

  1. 设置 android/setting.gradle

    ...

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

  2. 设置 android/app/build.gradle

    dependencies {
    compile project(':ReactNativeBaiduOcrScan')
}

  3. 注册模块 (到 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配置

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

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

ios后续步骤

进入../node_modules/react-native-baidu-camera-ocr-scan/ios/RCTBaiDuOcrModule

Mou icon1