react-native-sunmi-inner-scanner
http://docs.sunmi.com/htmls/index.html?lang=zh##V1文档资源 根据商米V1文档开发打印接口 (React native plugin Referring the sunmi V1 scanner document and demos)
_ Caution: this is not the official project. I share it because I am working on this device but no any official support in react-native It's welcome to ask any question about the usage,problems or feature required, I will support ASAP._
====================================================================================== Installation:
Step 1. install with npm: Checks In the NPM
npm i react-native-sunmi-inner-scanner --save
or you may need to install via the clone address directly:
npm install https://github.com/januslo/react-native-sunmi-inner-scanner.git --save
Step 2:
Links this plugin to your project.
react-native link react-native-sunmi-inner-scanner
or you may need to link manually
- modify settings.gradle
include ':react-native-sunmi-inner-scanner'projectDir = rootProjectprojectDir '../node_modules/react-native-sunmi-inner-scanner/android'
- modify app/build.gradle,add dependenceie:
compile
- adds package references to MainPackage.java
... @Override protected List<ReactPackage> { return Arrays.<ReactPackage>; }
Step 3: refer in the javascript: *Using the default inner scanner:
;
*Customer your preview with the SunmiScannerView
;
Usage: You may need to refer the excamples from the 'examples' folder of the source code.
*Using SunmiInnerScanner
you can open the scanner with default options:
async { let result = await SunmiInnerScanner; this; }
or you can specify the options:
async { let options= showSetting:true showAlbum:true paySound:true payVibrate:true// V1 not support let result = await SunmiInnerScanner; this; }
*Using SunmiScannerView
{ return <View style=stylescontainer> <Text>Scan Result: thisstateresult</Text> <View> <SunmiScannerView style=stylesscanner onCodeScan={ this } > </SunmiScannerView> <View style=stylesfinder></View> </View> </View> }
providing the properties definition for referring:
static propTypes = ...ViewpropTypes xDensity: PropTypes yDensity: PropTypes mutilScanEnable: PropTypes inverseEnable: PropTypes onCodeScan: ReactPropTypesfunc ; static defaultProps = xDensity: 2 yDensity: 2 mutilScanEnable: 0 inverseEnable: 1 { console; } scanInterval:1000 // interval of scan operation after last record was recongized. mute:0 // mute the "bee" sound on success. 1 - mute;0 - not mute