react-native-android-barcodescanner

    0.1.8 • Public • Published

    react-native-android-barcodescanner npm version

    第一步

    工程目录下运行 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

    Install

    npm i react-native-android-barcodescanner

    DownloadsWeekly Downloads

    6

    Version

    0.1.8

    License

    MIT

    Unpacked Size

    289 kB

    Total Files

    18

    Last publish

    Collaborators

    • avatar