Fully customizable QR Codes generator for React Native

A fully customizable QR Codes generator for React Native using react-native-svg.

How to use it:

1. Installation.

# Yarn
$ yarn add react-native-svg react-native-qrcode-styled

# NPM
$ npm i react-native-svg react-native-qrcode-styled

2. Import the QRCodeStyled component.

import QRCodeStyled from 'react-native-qrcode-styled';

3. Generate a default QR code.

<QRCodeStyled
  data={'Your Data Here'}
/>

4. Available props.

data = "I'm QR Code!",
onChangeSize,
pieceSize = 5,
pieceScale,
pieceRotation,
pieceCornerType = 'rounded', // OR 'cut'
pieceBorderRadius = 0,
pieceStroke,
pieceStrokeWidth,
pieceLiquidRadius,
isPiecesGlued = false,
outerEyesOptions,
innerEyesOptions,
renderCustomPieceItem,
padding,
color = 'black',
gradient,
backgroundImage,
version,
maskPattern,
toSJISFunc,
errorCorrectionLevel = 'M', // 'L' | 'M' | 'Q' | 'H'
children,

Preview:

Fully customizable QR Codes generator for React Native

Download Details:

Author: tokkozhin

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/tokkozhin/react-native-qrcode-styled

License: MIT

Tags:

Add Comment