react-native-android-barcodescanner

react-native-android-barcodescanner

第一步

工程目录下运行 npm install --save react-native-android-barcodescanner 或者 yarn add react-native-android-barcodescanner(已经安装了yarn)

注意：

version 0.1.1适用于大于等于rn0.44和小于0.47
version 0.1.5适用于rn0.47及以上 加入<uses-permission android:name="android.permission.CAMERA" />权限

第二步

运行 react-native link react-native-android-barcodescanner

第三部使用

在工程中导入：

import ZbarScannerView from 'react-native-android-barcodescanner';
<ZbarScannerView
            style={{flex:1}}
            onScanResultReceived={(data)=>{ToastAndroid.show(JSON.stringify(data),ToastAndroid.SHORT)}}
            hintText={''}
            renderTopBarView={() => <View></View>}
            renderBottomMenuView={() => <View></View>}
        />
<br/>

Props

Prop	Type	Default	Optional
maskColor	string	#0000004D	true
borderColor	string	#000000	true
cornerColor	string	#000000	true
borderWidth	number	0	true
cornerBorderWidth	number	4	true
cornerBorderLength	number	20	true
rectHeight	number	200	true
rectWidth	number	200	true
isCornerOffset	bool	false	true
cornerOffsetSize	number	0	true
bottomMenuHeight	number	0	true
scanBarAnimateTime	number	2500	true
scanBarColor	string	#22ff00	true
scanBarImage	any	null	true
scanBarHeight	number	1.5	true
scanBarMargin	number	6	true
hintText	string	将二维码/条码放入框内， 即可自动扫描	true
hintTextStyle	object	{ color: '#fff', fontSize: 14, backgroundColor:'transparent'}	true
hintTextPosition	number	130	true
isShowScanBar	bool	true	true
bottomMenuStyle	object	-	true
renderTopBarView	func	-	flase
renderBottomMenuView	func	-	false
onScanResultReceived	func	-	false