Barcode scanner in Flutter

Neeraj Sharma

27 April 2023

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.

dependencies:
flutter_barcode_scanner: ^2.0.0

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>

Future&lt;void&gt; 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.';
    }

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 –

FlutterBarcodeScanner.getBarcodeStreamReceiver("#ff6666", "Cancel", false, ScanMode.DEFAULT)
         .listen((barcode) { 
         /// barcode to be used
         });

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 </ ….. 🙂 >