Socket
Socket
Sign inDemoInstall

react-native-qrcode-generator

Package Overview
Dependencies
3
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    react-native-qrcode-generator

react-native qrocode generator


Version published
Weekly downloads
313
decreased by-5.15%
Maintainers
1
Install size
274 kB
Created
Weekly downloads
 

Readme

Source
This is a fork of react-native-qrcode with fixes and other enhancements since the original is not maintained anymore.

react-native-qrcode

A react-native component to generate QRcode.

Installation

npx install-peerdeps --save react-native-qrcode-generator

(Note : If you want to use the original unmaintained package, visit this link).

Usage

'use strict';

import React, { Component } from 'react'
import QRCode from 'react-native-qrcode-generator';

import {
    AppRegistry,
    StyleSheet,
    View,
    TextInput
} from 'react-native';

class HelloWorld extends Component {
  state = {
    text: 'http://facebook.github.io/react-native/',
  };

  render() {
    return (
      <View style={styles.container}>
        <TextInput
          style={styles.input}
          onChangeText={(text) => this.setState({text: text})}
          value={this.state.text}
        />
        <QRCode
          value={this.state.text}
          size={200}
          bgColor='black'
          fgColor='white'/>
      </View>
    );
  };
}

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;
Output :

Available Props

proptypeDescription
valuestring ( Default : http://facebook.github.io/react-native/ )Value of the QRCode.
sizenumber ( Default : 128 )Size of the qrcode / image.
bgColorstring ( Default : white )Background Color for the qrcode / image.
fgColorstring ( Default : black )Foreground Color for the qrcode / image.
getImageOnLoadfunctionReturns the base64 png image data ( string ).

Licenses

All source code is licensed under the MIT License.

Keywords

FAQs

Last updated on 18 Apr 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc