@adrianso/react-native-barcode-builder

React Native component to generate barcodes.

Usage no npm install needed!

<script type="module">
  import adriansoReactNativeBarcodeBuilder from 'https://cdn.skypack.dev/@adrianso/react-native-barcode-builder';
</script>

README

@adrianso/react-native-barcode-builder

React Native component to generate barcodes.

Uses JsBarcode for encoding of data.

Uses @react-native-community/react-native-svg instead of @react-native-community/art.

Getting started

Step 1

Install react-native-barcode-builder and dependencies:

npm install react-native-barcode-builder react-native-svg

or

yarn add react-native-barcode-builder react-native-svg

Step 2

Start using the component

import Barcode from '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