Skip to content

Lector de Códigos de Barras

Paso 4 de 11

Aunque los QRs son muy populares, el mundo del retail y la logística sigue dominado por los Códigos de Barras (1D). El más común es el EAN-13 .

Alineación

Los códigos de barras requieren una alineación horizontal más precisa que los QRs.

Iluminación

Son más sensibles a reflejos en superficies plásticas o cilíndricas.

Para optimizar la lectura de códigos de barras, debemos ser específicos en los barcodeTypes. Si tu app solo leerá productos de supermercado, no tiene sentido que el motor busque QRs.

// src/app/(checkout)/scanner.tsx
<CameraView
style={StyleSheet.absoluteFillObject}
onBarcodeScanned={handleBarCodeScanned}
barcodeSettings={{
barcodeTypes: [
"ean13", // Productos retail
"code128", // Logística/Envíos
"upc_a" // Estándar americano
],
}}
/>

Los códigos de barras suelen ser pequeños. Algunos tips para mejorar la lectura:

  1. Zoom : Implementar un slider o botón de zoom ayuda a enfocar códigos pequeños sin acercar físicamente el teléfono.
  2. Flash : Activar el torch de la cámara en ambientes oscuros.
  3. Overlay de Enfoque : Dibujar un rectángulo guía en la pantalla para que el usuario sepa dónde centrar el código.

Rendimiento

Mientras más tipos de códigos habilites en barcodeTypes, más trabajo tendrá que hacer el procesador por cada frame. Mantén la lista lo más corta posible.