React-native-barcode-creator NPM

Natively Generate Barcodes with React Native

react-native-barcode-creator is a React Native library designed for native generation of QR Codes, Code128, PDF417, AZTEC, EAN-13, and UPC-A.

Installation

React Native

yarn add react-native-barcode-creator
cd ios && pod install

Expo

npx expo install react-native-barcode-creator
npx expo prebuild

Usage

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)

Example

import { BarcodeCreatorView } from "react-native-barcode-creator";

<BarcodeCreatorView
  value={'Hello World'}
  background={'#FFFFFF'}
  foregroundColor={'#000000'}
  format={BarcodeFormat.AZTEC}
  style={styles.box}
/>