A powerful and customizable QR code scanner component for React Native applications. Designed to provide advanced QR code scanning capabilities with a modern and customizable interface.
Get up and running with just a few lines of code:
npm install react-native-modern-qrscanner
Or
yarn add react-native-modern-qrscanner
import { ModernQRScanner } from 'react-native-modern-qrscanner';
// Example usage
<ModernQRScanner
onRead={(e) => console.log('QR code detected:', e)}
/>
-
onRead
: Callback function invoked when a QR code is detected. -
renderTopView
: Custom render function for the top overlay view. -
renderBottomView
: Custom render function for the bottom overlay view. -
rectHeight
,rectWidth
: Dimensions for the scanning area. -
flashMode
: Enable or disable the camera flash. -
finderX
,finderY
: Position offsets for the scanning viewfinder. - ...and more.
- Advanced QR code scanning using React Native Camera.
- Customizable scanning viewfinder and overlay for a seamless integration.
- Full support for iOS and Android platforms.
- Comprehensive hooks for QR code scanning events.
Tailor the scanner to fit your app’s look and feel. Adjust viewfinder size, overlay elements, and more with extensive customization options.
For a detailed list of props and customization options, check out the API Documentation.
Find answers to common questions and troubleshooting tips in our FAQ section.
Join our community forum or chat channel to get help, share ideas, and collaborate. Community Forum | Chat Channel
See how React Native Modern QR Scanner stacks up against other QR scanning solutions. View Benchmarks
We welcome contributions! Please read our contributing guide to get started.
This project is licensed under the MIT License - see the LICENSE file for details.