search

VittoriDavide / react-native-barcode-creator

React Native Barcode Creator creates different type of barcodes including EAN13, CODE128, PDF417, UPCA, QR and AZTEC.
MIT License
21 stars 8 forks source link
barcode barcode-generator native qrcode-generator react-native

readme

Natively Generate Barcodes with React Native

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

alt text

Contributing

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

License

MIT