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

添加监听

必须先执行此操作

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配置

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