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

remember to use the Development Build and not Expo Go

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}
/>

Screenshots

Contributing

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

License

MIT