A Flutter Developer’s Guide to Barcode & QR Code Scanning

In 2026, the optimal way to add a Flutter barcode scanner is to use an AI coding assistant with barcode scanning Agent Skills published by a recognized vendor of barcode scanner SDKs. You get the ideal solution for your use case without lengthy evaluation or customization — it just works with a few prompts.

This tutorial explains how to add barcode scanning to a Flutter app using your AI coding tool and Scandit Agent Skills. We’ve also included instructions for manually integrating barcode scanning and a comparison between Scandit and popular Flutter barcode scanning libraries.

How do I use AI to add a barcode scanner to a Flutter app?

To add a barcode scanner using AI, invoke barcode scanning Agent Skills through your AI coding tool. Once the Agent Skills create the Dart code, test your new features and performance under real-world conditions.

The Flutter docs explain the value of Agent Skills:

AI agents can write Flutter and Dart code, but they sometimes are unaware of tools and best practices that professional developers use.

Agent Skills help solve this problem by providing a standardized way to give your AI agent a set of task-oriented blueprints to follow. By giving the agent actual domain expertise and repeatable workflows, you drastically reduce mistakes and can enforce consistent patterns.

Scandit Agent Skills bring 15 years of barcode, label, and ID scanning expertise directly into any AI coding tool, grounded by thousands of deployments across industries, facilities, and users. Based on the Agent Skills Open Standard, they autonomously pick the optimal product and framework, customize workflows and UI, and generate production-ready code.

Here’s how you can use your AI coding assistant and Scandit’s Agent Skills to add production-ready barcode scanning Dart code to your Flutter app.

1. Add production-ready barcode scanning code to your Flutter project

1. Install Scandit Agent Skills into your AI coding tool.

Any AI coding tool

Run this command:

npx plugins add scandit/skills 

Claude Code

Run these commands:

/plugin marketplace add scandit/skills

/plugin install scandit-sdk@scandit-plugins

Codex/ChatGPT app

Click here to install Scandit Agent Skills.

Codex CLI

Run these commands:

codex plugin marketplace add scandit/skills

codex plugin add scandit-sdk@scandit-plugins

Cursor

Click here to install Scandit Agent Skills.

GitHub Copilot

Run these commands:

copilot plugin marketplace add scandit/skills

copilot plugin install scandit-sdk@scandit-plugins

2. Using your AI coding tool, describe your use case in plain language. Provide as much detail as possible, including photos that illustrate your barcode types. The Agent Skill will ask for more information and a Scandit license key, if necessary.

Here is an example prompt to add barcode scanning to an existing Flutter inventory app:

In this Flutter app, users currently add items to the inventory by typing in barcodes manually. Add camera-based barcode scanning to this flow.

- Use /sparkscan-flutter, with a floating scan button.
- A new scan looks up the item in existing inventory and adds it to the list, exactly like manual entry does. If the barcode isn't found, prompt to add it.
- Keep manual entry as is. Scanning is an additional input.
- Enable EAN-13, UPC-A, Code 128, and QR code.
- Match the scanning UI to the app's design system.

This example uses the sparkscan-flutter skill, as it’s the fastest way to get a reliable scanning experience in your Flutter app, including all of Scandit’s AI barcode scanning features.

3. If you didn’t invoke a specific skill, the data-capture-sdk product-picker skill recommends the appropriate Scandit product and framework combination (e.g., SparkScan, BarcodeCapture, MatrixScan AR, MatrixScan Count, Smart Label Capture, etc.).

4. The matching product-and-framework skill (e.g., sparkscan-flutter) autonomously integrates barcode scanner Dart code into your Flutter app.

5. If needed, use additional prompts to customize workflows, the user interface, data manipulation, and error handling, and to integrate with your backend system.

6. Review the generated Dart code and test against production workflows. If changes are required, use your AI coding tool and Scandit Agent Skills to autonomously update the code.

2. Test barcode scanning performance in your updated Flutter app

To make sure your new barcode scanner features meet users’ needs, test it under real-world scenarios and conditions.

Whether you’re using Scandit Agent Skills or manually integrating a barcode scanning plugin, here are several performance-testing questions to ask:

• Is there clear guidance to foster a smooth workflow and instant feedback to avoid user confusion?
• Can you scan barcodes in different orientations, such as upside down and sideways? If you flip the device upside down, can you still scan easily and successfully?
• Can you scan barcodes with reflections and glare?
• Can you scan barcodes at a distance? Can you zoom in and capture barcodes if needed?
• Do you receive scanning feedback in loud environments and while wearing headphones?

You can use our barcodes sample sheet for quick evaluation. Our developer guide on how to measure barcode scanning performance provides a systematic, use-case-based approach to validate your Flutter app against requirements.

Start barcode scanning with Flutter

Add production-ready barcode scanning fast with Scandit Agent Skills

Try for free

How do I build a Flutter barcode scanner manually?

To build a Flutter barcode scanner manually:

• Choose the appropriate Flutter plugin for barcode scanning.
• Configure the barcode symbologies necessary for your use case.
• Customize the UI to suit your workflows and branding.
• Test barcode scanning under real-world conditions.

Using a pre-built barcode scanning plugin, such as Scandit SparkScan, solves many feature and integration challenges, reducing timelines and frustration. With SparkScan, you get:

• AI-powered scanning to reduce unwanted scans by up to 100% and get a 0% false positive rate for all major barcodes.
• High-speed scanning for any environment, including data-dense codes and tiny, torn, damaged, curved, and shiny barcodes.
• Rapid decoding of barcodes even at long range, in low light, or at extreme angles.
• UI elements to streamline scanning tasks, including a shutter button and camera preview that floats on top of any Flutter app.
• Customizable colors, sizes, and positions of UI elements to fit your app’s existing UI and branding.

SparkScan’s trigger button comes with a semi-transparent background and lets users drag it to their preferred position. When not in use, the trigger button collapses, and the camera preview disappears to free up screen real estate.

When run, the sample application looks similar to this:

The prerequisites are:

• Complete the setup instructions for the Flutter Barcode Scanner SDK.
• Clone the datacapture-flutter-samples repo.
• Get a valid Scandit Data Capture SDK license key. You can sign up for a free test account at ssl.scandit.com.
• Set up a development device or simulator for testing.

Testing the Scandit Flutter SDK is easy

Integrate with just a few lines of code or use our samples

Try for free

1. Add the Scandit Data Capture SDK license key to your project

To run the List Building Sample application, you must add the Scandit Data Capture SDK license key to the project.

Open home_bloc.dart and replace the Scandit license key where you see '-- ENTER YOUR SCANDIT LICENSE KEY HERE --'.

2. Run the sample app

To test that your license key works and the app runs, build and deploy the List Building Sample application on your device or simulator.

Once running, follow these steps to capture barcodes using your device’s camera:

3. Add QR code support

The symbologies your app supports are configured through SparkScanSettings. The sample app is already configured to support multiple 1D symbologies, such as EAN-8, UPC-E, Code 128, and Interleaved 2 of 5 (ITF).

To change this to the symbologies for your use case:

1. Open home_bloc.dart and navigate to the init() method.
2. Modify the settings to add QR code support as follows:

   sparkScanSettings.enableSymbologies({
     Symbology.ean13Upca,
     Symbology.ean8,
     Symbology.upce,
     Symbology.code39,
     Symbology.code128,
     Symbology.interleavedTwoOfFive,
     Symbology.qr,
   });

   Copy

4. Customize the user interface

You can customize the SparkScan UI using advanced configurations. This includes changing element colors (i.e., icons, buttons, toolbar), the trigger button icon, the size of the preview window, and more.

The graphic below shows three different examples of how colors, positions, and sizes can be customized to fit different Flutter apps.

If you’re using Scandit Agent Skills, you can prompt the necessary UI tweaks. For example, to achieve a UI like the first example below, prompt, “Use a fixed trigger button, round and placed bottom right of the screen, in the Scandit teal.”

How Scandit supports Flutter barcode scanning

Scandit’s Flutter Barcode Scanner SDK is an AI-powered capture engine and Agent Skills knowledge base that adapts to any workflow and edge case. Proven across hundreds of billions of scans on many device types and frameworks, our software scans the right code every time, regardless of label or environmental condition.

Scandit’s performance

• Here’s what you get with the Scandit Flutter Barcode Scanner SDK:
• Greater than 99% accuracy for common barcode symbologies.
• Decode speeds of 480 scans per minute, faster than human perception.
• Zero false positives for all major barcode symbologies.
• Reliable barcode scanning under less-than-ideal conditions: tiny, torn, damaged, curved, or shiny barcodes, long scan ranges, low light, and extreme angles.
• Successful captures with camera resolutions as low as 240x320 pixels and barcode resolutions as low as 0.5 pixels per thin barcode element.

The Scandit Vision AI Engine is the intelligence behind the Scandit Smart Data Capture Platform, which powers our barcode, ID, and label scanning, as well as ShelfView products. Additionally, the Scandit Flutter Barcode Scanner SDK is built on a C/C++ foundation, ensuring core features load efficiently in the background and consume minimal system resources.

Framework support

The Scandit Flutter Barcode Scanner SDK supports Dart code and frameworks like FlutterFlow. Other Scandit barcode scanning SDKs are available for Native iOS, Native Android, JavaScript, Xamarin, React Native, .NET (iOS/Android and MAUI), Cordova, Capacitor, and Titanium.

Security and privacy

Scandit software follows security by design, giving you complete control over data collection and processing. This means:

• All image processing happens on the device to ensure scanning confidentiality and high availability.
• Any data you choose to share with Scandit is encrypted during transit and at rest.
• Scandit is ISO 27001:2022 Certified and compliant with applicable privacy regulations, including GDPR and CCPA.

For a complete barcode scanner SDK evaluation kit, read our guide to choosing the best barcode scanner SDK for your app.

How does Scandit compare with ML Kit and ZXing for Flutter barcode scanning?

Here’s a table showing how we believe Scandit compares with the free ML Kit and ZXing barcode scanning libraries on Flutter. The versions compared are current as of July 2026, with ZXing in maintenance mode since 2019.

In summary, choose Scandit for production apps that require AI-driven features, zero false positives, pre-built workflows, and enterprise-grade support SLAs. Use ML Kit when you need the additional capabilities of Google’s machine vision APIs. Use ZXing only when its maintenance status and features fit your risk profile.