Barcode scanner in Flutter

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<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.';
    }

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

Barcode scanner in Flutter Qr code scanner in Flutter

Neeraj Sharma 27 April 2023

. . .

2 comments

Muhammad Irfan Ali Khan May 11, 2022 at 4:48 pm

Hi, after clicking on my scan now button which is basically the trigger for the above code it is showing blank screen and after that app is stopping message shows up. So what is the problem, I am checking currently on android so can you point me to what I am missing.

anchit (Moderator) Aug 7, 2022 at 11:00 pm
Hey There,

Please do check for the permissions of the camera in the android manisfest file.

Reply

Barcode scanner in Flutter

Leave a Comment Cancel Reply

2 comments

Message Sent!