react-native-barcode-builder's Introduction

react-native-barcode-builder-expo

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

Getting started

Step 1

Install react-native-barcode-expo:

yarn add react-native-barcode-expo

Step 2

Start using the component

import Barcode from 'react-native-barcode-expo';

<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.
`textColor`	Color of the text (default: #000000)
`lineColor`	Color of the bars (default: #000000)
`background`	Background color of the barcode (default: #ffffff)
`onError`	Handler for invalid barcode of selected format

react-native-barcode-builder's People

Contributors

Stargazers

Watchers

react-native-barcode-builder's Issues

expo 47 android

Doesn't work with expo 47 on android

npx create-expo-app my-app && cd my-app
npm i react-native-barcode-expo
put example code

import Barcode from 'react-native-barcode-builder';
<Barcode value="Hello World" format="CODE128" />

requireNativeComponent RNSVGpath was not found in UIManager

After installing the lib getting below error.

Can't use EAN13 format

When I select CODE128 everything works perfectly, but when I choose EAN13 with the following code I get an error:

<DefaultBarcode
  value="7798159715571"
  width={2}
  height={100}
  textColor={text}
  lineColor={text}
  background="#00000000"
  onError={setError}
  format="EAN13"
/>

The source line references changes every time, but the undefined is not an object (evaluating 'binary.length') remains the same, so it should be where the error is at.

Any help would be greatly appreciated!

Can't display EAN-13 format

I have no problem with "CODE128" format, but I can't display "EAN-13" format.

const App = () => {
  const value = "Hello World";
  return (
    <View style={styles.container}>
      <Barcode value={value} format="EAN-13" />
    </View>
  );
};