Can't use EAN13 format

[inakineitor]

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!

[inakineitor]

After reviewing the source, I found out that the problem is caused by the drawer now supporting the output format of the EAN13 encoder.
This is the output:

Array [
  Object {
    "data": "101",
    "options": Object {
      "height": NaN,
    },
  },
  Object {
    "data": "011101100101110110111011001101100010010111",
    "options": Object {
      "fontSize": undefined,
    },
    "text": "798159",
  },
  Object {
    "data": "01010",
    "options": Object {
      "height": NaN,
    },
  },
  Object {
    "data": "100010011001101001110100111010001001100110",
    "options": Object {
      "fontSize": undefined,
    },
    "text": "715571",
  },
  Object {
    "data": "101",
    "options": Object {
      "height": NaN,
    },
  },
]

The drawSvgBarCode function assumed the encoder output is in a different format.

[inakineitor]

I managed to solve it temporarily by changing line 161 of index.js from

return encoded;

to

return encoded.reduce((p, n) => ({ data: `${p.data}${n.data || ''}`, text: `${p.text}${n.text || ''}` }), { data: '', text: ''});

thus flattening the array data.

I didn't want to use a custom solution on a production project so I ended using this up-to-date fork of react-native-barcode-builder using react-native-svg.

In case the mantainer of this package sees this, I would love to render my barcode as specified in this issue. I am willing to provide any of the help needed :)

[BloodyMonkey]

I updated with

if(format === "EAN13"){
      return encoded.reduce((p, n) => ({ data: `${p.data}${n.data || ''}`, text: `${p.text}${n.text || ''}` }), { data: '', text: ''});
}
else{
      return encoded
}

To handle others formats than EAN13