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