react-native-qrcode

A react-native component to generate QRcode, not only support English.

this module support iOS and Android

Installation

npm install react-native-qrcode --save-dev

Usage

'use strict';importReact,{Component}from'react'importQRCodefrom'react-native-qrcode';import{AppRegistry,StyleSheet,View,TextInput}from'react-native';classHelloWorldextendsComponent{state={text: 'http://facebook.github.io/react-native/',};render(){return(<Viewstyle={styles.container}><TextInputstyle={styles.input}onChangeText={(text)=>this.setState({text: text})}value={this.state.text}/><QRCodevalue={this.state.text}size={200}bgColor='purple'fgColor='white'/></View>);};}conststyles=StyleSheet.create({container: {flex: 1,backgroundColor: 'white',alignItems: 'center',justifyContent: 'center'},input: {height: 40,borderColor: 'gray',borderWidth: 1,margin: 10,borderRadius: 5,padding: 5,}});AppRegistry.registerComponent('HelloWorld',()=>HelloWorld);module.exports=HelloWorld;

Available Props

prop	type	default value
value	string	http://facebook.github.io/react-native/
size	number	128
bgColor	string (CSS color)	"#FFFFFF"
fgColor	string (CSS color)	"#000000"