@blackbox-vision/use-torch-light
v0.0.2
Published
A hook to enable/disable camera flash
Downloads
25,066
Readme
UseTorchLight
🔦 useTorchLight is a hook to enable/disable camera flash. Check out the demo.
Install
You can install this library via NPM or YARN.
NPM
npm i @blackbox-vision/use-torch-light
YARN
yarn add @blackbox-vision/use-torch-light
Usage
The usage is really simple:
import React, { useState, useRef } from 'react';
import { QrReader } from '@blackbox-vision/react-qr-reader';
import { useTorchLight } from '@blackbox-vision/use-torch-light';
const Test = (props) => {
const streamRef = useRef(null);
const [error, setError] = useState(null);
const [data, setData] = useState('No result');
const [on, toggle] = useTorchLight(streamRef.current);
const setRef = ({ stream }) => {
streamRef.current = stream;
};
return (
<>
<QrReader
onLoad={setRef}
onScan={setData}
onError={setError}
style={{ width: '100%' }}
/>
<button onClick={toggle}>{on ? 'Disable Torch' : 'Enable Torch'}</button>
<p>{JSON.stringify(data, null, 2)}</p>
<p>{JSON.stringify(error, null, 2)}</p>
</>
);
};
Issues
Please, open an issue following one of the issues templates. We will do our best to fix them.
Contributing
If you want to contribute to this project see contributing for more information.
License
Distributed under the MIT license. See LICENSE for more information.