react-native-code-scanner is a powerful and flexible library for scanning barcodes and QR codes in React Native applications.
npm install react-native-code-scannerreact-native-vision-camerareact-native-worklets-core@mgcrea/vision-camera-barcode-scannerreact-native-reanimated
yarn add react-native-vision-camera
yarn add react-native-worklets-core
yarn add @mgcrea/vision-camera-barcode-scanner
yarn add react-native-reanimated
`
---- or via npm -----
`
npm i react-native-vision-camera
npm i react-native-worklets-core
npm i @mgcrea/vision-camera-barcode-scanner
npm i react-native-reanimated
`
Then you must follow worklets-core and reanimated respective installation instructions:
- react-native-worklets-core
- react-native-reanimated
Then run
`
npx pod-install
`
$3
To use the Camera you must first specify that your app requires camera permissions.
Open your project's Info.plist and add the following lines inside the outermost tag:
`
NSCameraUsageDescription
$(PRODUCT_NAME) needs access to your Camera.
`
$3
`
`
Usage
Importing the Scanner Component
`
import { CodeScanner } from 'react-native-code-scanner';
`
Example Usage
`
barcodeTypes=['aztec' , 'codabar' , 'code-128' , 'code-39' , 'code-93' , 'data-matrix' , 'ean-13' , 'ean-8' , 'gs1-databar' , 'itf' , 'msi-plessey' , 'pdf-417' , 'qr' , 'upc-a' , 'upc-e']
onScan={(barcode: string) => {
console.log(barcode);
}}
/>
``