Code Monkey home page Code Monkey logo

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

akpwebdesign avatar andreyvital avatar koenpunt avatar phamhoaivu911 avatar pthongtaem avatar raven-chen avatar tiaanduplessis avatar wonsikin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

react-native-barcode-builder's Issues

expo 47 android

Doesn't work with expo 47 on android

  1. npx create-expo-app my-app && cd my-app
  2. npm i react-native-barcode-expo
  3. put example code
import Barcode from 'react-native-barcode-builder';
<Barcode value="Hello World" format="CODE128" />

Screenshot 2023-01-14 at 17 45 30

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>
  );
};

I tried :

  • EAN13, EAN-13, EAN
  • add the flat prop as I've seen elsewhere, but that doesn't change anything

Anyone have a solution?

Capture d’écran 2020-08-27 à 12 11 52

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"
/>

image

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!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.