ac-qrcode-bl v1.0.2

1.Guide

• 中文版
• English Version

2.Features

• Can scan QR code,Bar code
• Support Android and iOS
• Base on react-native-camera
• Scanning interface can be customized

3.ScreenShots

Twitter	WeChat	OFO
QQBrowser	Gif1	Gif2

4.Installation

// first step
npm install ac-qrcode --save

// second step
react-native link

5.Basic Usage

import { QRScannerView } from 'ac-qrcode';

export default class DefaultScreen extends Component {
    render() {
        return (

            < QRScannerView
                onScanResultReceived={this.barcodeReceived.bind(this)}

                renderTopBarView={() => this._renderTitleBar()}

                renderBottomMenuView={() => this._renderMenu()}
            />
        )
    }

    _renderTitleBar(){
        return(
            <Text
                style={{color:'white',textAlignVertical:'center', textAlign:'center',font:20,padding:12}}
            >Here is title bar</Text>
        );
    }

    _renderMenu() {
        return (
            <Text
                style={{color:'white',textAlignVertical:'center', textAlign:'center',font:20,padding:12}}
            >Here is bottom menu</Text>
        )
    }

    barcodeReceived(e) {
        Toast.show('Type: ' + e.type + '\nData: ' + e.data);
        //console.log(e)
    }
}

6.Props

7.To Do

• Generate qr code
• Control flashlight

8.Thanks

• react-native-camera
• react-native-qrcode
• react-native-qrcode-app

9.About Me

• 公众号：aMarno
• 网站：www.marno.cn
• 掘金：www.juejin.im/user/marno
• 简书：www.jianshu.com/u/marno
• 专题：《React Native 开发阵营》