barcode-scanner-plugin

Instalación del Driver

La instalación del driver es necesaria para el funcionamiento del scanner ejecute el siguiente en la terminal del proyecto

ipmo ./assets/init.ps1

Instalación del plugin

Ejecute el comando para compilar la solución

tsc --watch

Ejemplo

import { BarcodeScanner } from '[carpeta donde se situa el plugin]';

const user = {
  name: 'Hedy Lamarr',
  imageUrl: 'https://i.imgur.com/yXOvdOSs.jpg',
  imageSize: 90,
};

export default function Profile() {
  let imgRef = useRef(null);

  const bc = new BarcodeScanner(
    {
      // escanea una o multiples veces
      type: 'mutiple',
      ref: imgRef.current,
      // prefijo identificador del codigo configurado en el scanner (opcional)
      prefix: '$',
      // sufijo identificador del codigo configurado en el scanner (opcional)
      sufix: '`'
    }
  )

  //signal se ejecuta cada vez que el scanner lee un codigo satidfactoriamente
  bc.on('response', (resp) => {
    console.log(resp)
  })

  const startScan = () => {
    // habilita el scaner
    bc.open()
  }

  const stopScan = () => {
    // habilita el scaner
    bc.close()
  }

  // detiene el listening de los eventos en el componente
  bd.dispose()

  return (
    <>
      <h1>{user.name}</h1>
      <img
        className="avatar"
        // referencia del objeto para el listening de eventos
        ref={imgRef}
        src={user.imageUrl}
        alt={'Photo of ' + user.name}
        style={{
          width: user.imageSize,
          height: user.imageSize
        }}
      />
      <button click={startScan}>Iniciar</button>
      <button click={stopScan}>Parar</button>
    </>
  );
}


let const bc = new BarcodeScanner();