https://github.com/cssivision/react-native-qrcode

a minimalist qrcode component for react-native
https://github.com/cssivision/react-native-qrcode

qrcode react-native

Last synced: 5 days ago
JSON representation

a minimalist qrcode component for react-native

• Host: GitHub
• URL: https://github.com/cssivision/react-native-qrcode
• Owner: cssivision
• License: mit
• Created: 2015-11-20T15:38:47.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2022-01-24T01:33:55.000Z (almost 3 years ago)
• Last Synced: 2024-11-30T07:02:59.165Z (12 days ago)
• Topics: qrcode, react-native
• Language: JavaScript
• Homepage:
• Size: 88.9 KB
• Stars: 853
• Watchers: 11
• Forks: 304
• Open Issues: 50
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-qrcode ★644 - react-native qrcode generator (Components / UI)
• awesome-reactnative-ui - react-native-qrcode - native |<ul><li>Last updated : This week</li><li>Stars : 731</li><li>Open issues : 29</li></ul>|| (Others)
• awesome-react-native - react-native-qrcode ★644 - react-native qrcode generator (Components / UI)
• awesome-reactnative-ui - react-native-qrcode - native |<ul><li>Last updated : This week</li><li>Stars : 731</li><li>Open issues : 29</li></ul>|| (Others)
• awesome-react-native - react-native-qrcode ★644 - react-native qrcode generator (Components / UI)
• awesome-react-native-ui - react-native-qrcode ★131 - react-native qrcode generator (Components / UI)
• awesome-react-native - react-native-qrcode ★644 - react-native qrcode generator (Components / UI)

README

        
# THIS PROJECT IS NO LONGER MAINTAINED

# react-native-qrcode

A react-native component to generate [QRcode](http://en.wikipedia.org/wiki/QR_code), not only support English.

## Installation

```sh

npm install react-native-qrcode --save

```

## Usage

```jsx

'use strict';

import React, { Component } from 'react'

import QRCode from 'react-native-qrcode';

import {

    AppRegistry,

    StyleSheet,

    View,

    TextInput

} from 'react-native';

class HelloWorld extends Component {

  state = {

    text: 'http://facebook.github.io/react-native/',

  };

  render() {

    return (

      

         this.setState({text: text})}

          value={this.state.text}

        />

        

      

    );

  };

}

const styles = 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) | `"#000"`

`fgColor` | `string` (CSS color) | `"#FFF"`



# Licenses

All source code is licensed under the [MIT License](https://github.com/cssivision/react-native-qrcode/blob/master/LICENSE).