Descargar react instascan - descargar el código fuente react instascan

react instascan

Otro código fuente

1.0.0

Descargar

Reaccionar Instascan

Puerto de la biblioteca Instascan para reaccionar

Advertencia

Esta biblioteca utiliza instascan-umd en lugar de instascan como dependencia por dependencia. Si está actualizando a versiones más nuevas, debe instalar istascan-umd .

Instalación

npm

npm install react-instascan react instascan-umd --save

hilo

yarn add react-instascan react instascan-umd

Usando CDN desempaquetado

 < script type =" application/javascript " src =" https://unpkg.com/react-instascan/dist/main.js " > </ script >

Requisitos

Para utilizar esta biblioteca necesitas al menos:

reaccionar >= 16.3
instascan-umd >= 1

usándolo

Importador

React Instascan expone dos componentes: cámaras y escáner .
Con módulos ES:

 import { Cameras , Scanner } from "react-instascan" ;

o con CommonsJS:

 const { Cameras , Scanner } = require ( "react-instascan" ) ;

El componente "Cámaras" con un accesorio de renderizado buscará las cámaras disponibles en su dispositivo.
El componente Scanner recibe como accesorios la cámara y un VideoHTMLElement como elemento secundario. Luego llamará al oyente onScan cuando lea un código. Otros tipos de eventos también están disponibles (consulte la tabla API):

 < Cameras >
  { cameras => (
    < div >
      < h1 > Scan the code! < / h1 >
      < Scanner camera = { cameras [ 0 ] } onScan = { onScan } >
        < video style = { { width : 400 , height : 400 } } / >
      < / Scanner >
    < / div >
  ) }
< / Cameras >

Propiedades del escáner

nombre	tipo	descripción
cámara	objeto	Objeto de cámara devuelto por <Camera />
opciones	objeto	Mismas opciones de Instascan.Scanner
detener	booleano	Si la parada es verdadera, la cámara se detiene y viceversa.
enScan	función	Emitido cuando se escanea un código QR usando la cámara en modo continuo
al iniciar	función	Se llama cuando la cámara está activa y el escaneo ha comenzado
en parada	función	Se llama cuando la cámara y el escaneo se han detenido
en activo	función	Se emite cuando el escáner se activa como resultado de dejar de volverse falso o la pestaña gana foco
onInactivo	función	Se emite cuando el escáner se vuelve inactivo como resultado de dejar de ser verdadero o la pestaña pierde el foco.

Para más detalles consulte la API de Instascan

Contribuyendo

Usando directamente desde la fuente

Aunque este proyecto viene con un ejemplo simple, es posible que desees usar este código directamente en tu código para probar y corregir posibles errores. Para eso puedes vincular este paquete.