Загрузка react instascan - Загрузка исходного кода react instascan

react instascan

Другой исходный код

1.0.0

Скачать

Реагировать на Инстаскан

Порт библиотеки Instascan для React

Предупреждение

Эта библиотека использует instascan-umd вместо instascan в качестве зависимости. Если вы обновляетесь до более новых версий, вам необходимо установить istascan-umd .

Установка

НПМ

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

пряжа

yarn add react-instascan react instascan-umd

Использование unpkg CDN

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

Требования

Для использования этой библиотеки вам необходимо как минимум:

реагировать >= 16,3
instascan-umd >= 1

Используя его

Импорт

React Instascan предоставляет два компонента: камеры и сканер .
С ESModules:

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

или с CommonsJS:

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

Компонент «Камеры» с реквизитом рендеринга будет выбирать доступные камеры на вашем устройстве.
Компонент сканера получает в качестве реквизита камеру и VideoHTMLElement в качестве дочернего элемента. Затем он вызовет прослушиватель onScan при чтении кода. Также доступны другие типы событий (см. таблицу API):

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

Свойства сканера

имя	тип	описание
камера	объект	Объект камеры, возвращаемый <Camera />
параметры	объект	Те же возможности, что и в Instascan.Scanner
останавливаться	логическое значение	Если значение «stop» истинно, камера останавливается и наоборот.
onScan	функция	Издается при сканировании QR-кода с помощью камеры в непрерывном режиме
onStart	функция	Вызывается, когда камера активна и началось сканирование.
onStop	функция	Вызывается, когда камера и сканирование остановлены
onActive	функция	Генерируется, когда сканер становится активным в результате того, что остановка становится ложной или вкладка получает фокус.
onInactive	функция	Генерируется, когда сканер становится неактивным в результате того, что стоп становится истинным или вкладка теряет фокус.

Для получения более подробной информации проверьте API Instascan.

Содействие

Использование непосредственно из источника

Хотя этот проект содержит простой пример, вы можете использовать этот код непосредственно в своем коде для тестирования и исправления возможных ошибок. Для этого вы можете просто связать этот пакет