Scan by mobile is in trend in most apps, the Easiest way to send/receive information from code that can be scanned by the camera.
Check our Flutter app development company page.
We are going to explain how we can integrate a Barcode scanner in the Flutter application. We will show the code more instead of theory.
Let’s start, As always first step is dependency integration in the app. Add flutter_barcode_scanner in pubspec.yaml.
|
1 2 |
dependencies: flutter_barcode_scanner: ^2.0.0 |
Here, ^2.0.0 is the latest version. Please check at least once the latest version before using it from here.
Barcode scanner package can be an import –
import ‘package:flutter_barcode_scanner/flutter_barcode_scanner.dart’;
For iOS please add this line in Info.plist. because you will use the camera of an iOS device and you have to mention why you will use it.
<key>NSCameraUsageDescription</key><string>Camera permission is required for barcode scanning.</string>
|
1 2 3 4 5 6 7 8 9 10 |
Future<void> scanQR() async { String barcodeScanRes; // Platform messages may fail, so we use a try/catch PlatformException. try { barcodeScanRes = await FlutterBarcodeScanner.scanBarcode( '#000', 'Cancel', true, ScanMode.QR); print(barcodeScanRes); } on PlatformException { barcodeScanRes = 'Failed to get platform version.'; } |
Here, We can pass scan mode as – { QR, BARCODE, DEFAULT } for graphic overlay for QR or Barcode
For continuous scanning, you can use –
|
1 2 3 4 |
FlutterBarcodeScanner.getBarcodeStreamReceiver("#ff6666", "Cancel", false, ScanMode.DEFAULT) .listen((barcode) { /// barcode to be used }); |
Let us know for any confusion or doubt in the comment section.
Check our more latest blogs – https://mobikul.com/blog/
Happy coding </ ….. 🙂 >
2 comments
Please do check for the permissions of the camera in the android manisfest file.