Skip to content

fkose3/react-native-barcode-creator-expo

Repository files navigation

React Native Barcode Creator

Component to generate QRCode, Code128, PDF417, AZTEC, EAN13 or UPCA natively for react native.

Screenshots

alt text

Installation

npm install react-native-barcode-creator

Go to your ios folder and run:

pod install

Usage

import BarcodeCreatorViewManager, { BarcodeFormat } from 'react-native-barcode-creator';

 <BarcodeCreatorViewManager
        value={"100"}
        background={"#000000"}
        foregroundColor={"#FFFFFF"}
        format={BarcodeFormat.QR}
        style={styles.box} />

Props

Prop Description Default
value Mandatory - The content to add to the Barcode. (EAN-13 should be 13 integers on a string like "5901234123457", UPCA has to be 12 characters "590123412345") None
encodedValue Use instead of value, accepts object with base64 and messageEncoded. MessageEncoded only accepts "ISO-8859-1", "UTF-8", "UTF-16". Ex: {base64: "", messageEncoded: ""} None
style Style attributes for the view, as expected in a standard View. None
format Mandatory The format to show in the Barcode, it can be QR, AZTEC, PDF417, CODE128, EAN13 and UPCA. BarcodeFormat.QR
background The Background Color of the Barcode. (rgba or rgb) #FFFFFF
foregroundColor The foreground color to use on the Barcode. (rgba or rgb) #000000

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT