@alexartisan/react-native-barcode-builder

React Native component to generate barcodes. Uses JsBarcode for encoding of data.

Getting started

Step 1

This library uses react-native-svg to draw vector graphics.

    npm install [email protected] --save

Step 2

Install @alexartisan/react-native-barcode-builder:

    npm install @alexartisan/react-native-barcode-builder --save

Step 3

Start using the component

import Barcode from "@alexartisan/react-native-barcode-builder";

<Barcode value="Hello World" format="CODE128" />;

You can find more info about the supported barcodes in the JsBarcode README.

Properties

| Property | Description | | ---------- | ---------------------------------------------------- | | value | What the barcode stands for (required). | | format | Which barcode type to use (default: CODE128). | | width | Width of a single bar (default: 2) | | height | Height of the barcode (default: 100) | | text | Override text that is displayed. | | lineColor | Color of the bars and text (default: #000000) | | background | Background color of the barcode (default: #ffffff) | | onError | Handler for invalid barcode of selected format |