a minimalist qrcode component for react-native
Go to file
cssivision 20956402c2 qrcode default size 2015-11-21 21:20:49 +08:00
lib qrcode default size 2015-11-21 21:20:49 +08:00
.gitignore add .gitignore 2015-11-21 17:53:04 +08:00
README.md add .gitignore 2015-11-21 17:53:35 +08:00
index.js generate qrcode with text bgColor fgColor 2015-11-21 16:43:54 +08:00
package.json 1.0.5 2015-11-21 17:55:55 +08:00
qrcode.png qrcode.png 2015-11-21 17:32:26 +08:00

README.md

###this module only work for iOS #react-native-qrcode A React-native component to generate QRcode. ##Installation

npm install react-native-qrcode

##Usage

'use strict';

var React = require('react-native');
var QRCode = require('react-native-qrcode');
var {
    AppRegistry,
    StyleSheet,
    View,
    TextInput
} = React;

var helloworld = React.createClass({
    getInitialState: function() {
        return {
            text: 'http://facebook.github.io/react-native/',
        };
    },
    render: function() {
        return (
            <View style={{marginTop: 30}}>
                <TextInput
                    style={styles.input}
                    onChangeText={(text) => this.setState({text: text})}
                />
                <QRCode
                    value={this.state.text}
                    size={200}
                    bgColor='purple'
                    fgColor='white'/>
            </View>
        );
    }
});

var styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'white',
    },

    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"