npm install react-native-barcoder

A minimal package for displaying a barcode on react-native.

import Barcode from 'react-native-barcoder';

const options = { /* add your options here*/ }

<Barcode value="barcoder" options={options}/>

• Support for all types of barcodes including EAN/UPC
• No external dependencies required for running the code
• Easy customization taking jsbarcode as an example

set up the options parameter

interface Options = {
  format: Format;
  width: number;
  height: number;
  background: string;
  color: string;
  displayValue: boolean;
  flat: boolean;
  lastChar: boolean;
};

regarding each value inside options:

Here is a list of supported formats

CODE39 | CODE128 | CODE128A | CODE128B | CODE128C
EAN13 | EAN8 | EAN5 | EAN2
UPC | UPCE
ITF14 | ITF
MSI | MSI10 | MSI11 | MSI1010 | MSI1110
pharmacode | codabar | GenericBarcode

you can set the margins directly on the element:

<Barcode value="barcoder" options={options} marginLeft={40}/>

You can try out the code locally using expo after cloning! Change the main directory in the package.json to 'index.js'

{
    "name": "react-native-barcoder",
    "main": "dist/index.js", // <-- change this to "index.js"
    /* ... */
}

Then customize the App.tsx file as you like and run

npm run dev

This code relies on jsbarcode's math files to transform the value into a binary.

Any contributions are welcome!