react instascan Baixar - react instascan Download do código-fonte

react instascan

Outro código-fonte

1.0.0

Baixar

Reagir Instascan

Biblioteca Port of Instascan para React

Aviso

Esta biblioteca está usando instascan-umd em vez de instascan como dependência por dependência. Se você estiver atualizando para versões mais recentes, deverá instalar istascan-umd .

Instalando

npm

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

fio

yarn add react-instascan react instascan-umd

Usando desempacotar CDN

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

Requisitos

Para usar esta biblioteca você precisa de pelo menos:

reagir >= 16,3
instascan-umd >= 1

Usando

Importando

React Instascan expõe dois componentes: câmeras e scanner .
Com módulos ES:

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

ou com CommonsJS:

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

O componente "Câmeras" com um suporte de renderização buscará as câmeras disponíveis no seu dispositivo.
O Componente Scanner recebe como adereços a câmera e um VideoHTMLElement como elemento filho. Em seguida, ele chamará o ouvinte onScan ao ler um código. Outros tipos de eventos também estão disponíveis (verifique a tabela da API):

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

Propriedades do scanner

nome	tipo	descrição
câmera	objeto	Objeto de câmera retornado por <Camera />
opções	objeto	Mesmas opções do Instascan.Scanner
parar	booleano	Se stop for verdadeiro, a câmera para e vice-versa
onScan	função	Emitido quando um código QR é lido usando a câmera em modo contínuo
onStart	função	Chamado quando a câmera está ativa e a digitalização foi iniciada
onStop	função	Chamado quando a câmera e a digitalização param
onActive	função	Emitido quando o scanner se torna ativo como resultado da parada se tornar falsa ou da guia ganhar foco
onInativo	função	Emitido quando o scanner fica inativo como resultado da parada se tornar verdadeira ou da guia perder o foco

Para mais detalhes, verifique a API Instascan

Contribuindo

Usando diretamente da fonte

Embora este projeto venha com um exemplo simples, você pode querer usar este código diretamente em seu código para testar e corrigir possíveis bugs. Para isso você pode simplesmente vincular este pacote