Skip to content

Grisu-Studio/react-native-barcode-creator-fixed

Repository files navigation

React Native Barcode Creator Fixed

Note: This repository is a fork of the react-native-barcode-creator project. I decided to create this fork due to an unresolved issue and a pending pull request (PR #13) that I submitted. Since December 19, 2023, the original issue (#10) had not been addressed. Therefore, I published this repository with changes that resolve the problem. Additionally, I performed linting on src/index.tsx and example/src/App.tsx to improve code quality.

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