React Native Barcode Generator

Uses jsbarcode to generate barcode binary data with native svg rendering via react-native-svg.

Installation

npm install react-native-svg @aramir/react-native-barcode

Usage

<Barcode format="CODE128" value={"HelloWorld"} />

Properties

| Prop | Type | Default | Description | |------------|--------------------------|-----------|------------------------------------------------------------| | value | string | "" | the text to be encoded | | width | number | 2 | the width of a single bar | | maxWidth | number | - | the max width of the barcode | | height | number | 100 | the height of the barcode | | format | Format | CODE128 | barcode format (typed enum of the supported formats below) | | lineColor | string | #000000 | set the color of a single bar | | background | string | #ffffff | container background (rgba(0,0,0,0) for transparent) | | text | React.ReactNode | - | an optional text that will be rendered under the barcode | | textStyle | TextStyle | - | styles to be applied on the text component | | style | ViewStyle | - | styles to be applied on the container | | onError | (error: Error) => void | - | an optional error handler |

Supported barcode formats

• CODE128 - high-density linear barcode symbology defined in ISO/IEC 15417:2007. Supports all 128 ASCII characters and encodes numbers efficiently.
  • CODE128 (automatic mode switching)
  • CODE128 A/B/C (force mode)
• EAN - European Article Number is a global standard that defines a barcode format and a unique numbering system used in retail and trade.
  • EAN-13
  • EAN-8
  • EAN-5
  • EAN-2
  • UPC (A)
  • UPC (E)
• CODE39 - discrete barcode symbology defined in ISO/IEC 16388:2023. Specification defines 43 characters, consisting of uppercase letters, numeric digits and a number of special characters.
• ITF - Interleaved 2 of 5 is a continuous two-width barcode symbology encoding digits. Used commercially on 135 film, for ITF-14 barcodes and on cartons of some products, while the products inside are labeled with UPC or EAN.
  • ITF
  • ITF-14
• MSI - Modified Plessey is a barcode symbology developed by the MSI Data Corporation, based on the original Plessey Code symbology. It is a continuous symbology that is not self-checking. Used primarily for inventory control, marking storage containers and shelves in warehouse environments.
  • MSI10
  • MSI11
  • MSI1010
  • MSI1110
• Pharmacode - Pharmaceutical Binary Code, is a barcode standard, used in the pharmaceutical industry as a packing control system. Designed to be readable despite printing errors.
• Codabar - Linear barcode symbology designed to be accurately read even when printed on dot matrix printers for multipart forms such as FedEx airbills and blood bank forms.
• CODE93 - alphanumeric, variable length symbology designed in 1982 by Intermec to provide a higher density and data security enhancement to Code 39.