syncfusion_flutter_barcode_banner

Syncfusion Flutter Barcodes

The Syncfusion Flutter Barcode Generator is a data visualization widget used to generate and display data in a machine-readable format. It provides a perfect approach to encoding input values using supported symbology types.

Disclaimer: This is a commercial package. To use this package, you need to have either a Syncfusion commercial license or Syncfusion Community License. For more details, please check the LICENSE file.

Note: Our packages are now compatible with Flutter for Web. However, this will be in Beta until Flutter for Web becomes stable.

Table of contents

Barcode Generator features

  • One-dimensional barcodes - Barcode Generator supports different one-dimensional barcode symbologies such as Code128, EAN8, EAN13, UPA-C, UPA-E, Code39, Code39 Extended, Code93 and Codabar. One-dimensional barcodes

  • Two-dimensional barcode - Barcode Generator supports popular QR code that uses versions from 1 to 40.
    Two-dimensional barcode

  • Barcode customization - Customize the visual appearance of barcodes using the backgroundColor and barColor properties, and adjust the size of smallest line or dot of the code using the module property.

  • Text customization -Configure to display the barcode value and customize the position and style of the barcode text.

Get demo application

Explore the full capabilities of our Flutter widgets on your device by installing our sample browser applications from the following app stores and view samples code in GitHub.

Take a look at the following to learn more about Syncfusion Flutter guages:

Installation

Install the latest version from pub.

Getting started

Import the following package.

import 'package:syncfusion_flutter_barcodes/barcodes.dart';

Add Barcode Generator to the widget tree

Add the Barcode Generator widget as a child of any widget. Here, the widget is added as a child of the container widget and the height to the container is specified (otherwise it will take full container height)

 @override
    Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: Center(
              child: Container(
        height: 200,
        child: SfBarcodeGenerator(value: 'www.syncfusion.com'),
      ))),
    );
  }

Add barcode symbology

Set the required symbology type to the barcode generator based on input value by initializing the symbology property. In the following code snippet, the QR code is set as the barcode symbology.

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: Center(
              child: Container(
        height: 200,
        child: SfBarcodeGenerator(
          value: 'www.syncfusion.com',
          symbology: QRCode(),
        ),
      ))),
    );
  }

Show value of the barcode

input values can be displayed by enabling the showValue property of barcodes.

  @override
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: Center(
              child: Container(
        height: 200,
        child: SfBarcodeGenerator(
          value: 'www.syncfusion.com',
          symbology: QRCode(),
          showValue: true,
        ),
      ))),
    );
  }

The following screenshot illustrates the result of the previous code sample.

simple radial gauge

Support and feedback

  • For any other queries, reach our Syncfusion support team or post the queries through the Community forums and submit a feature request or a bug through our Feedback portal.
  • To renew the subscription, click renew or contact our sales team at salessupport@syncfusion.com | Toll Free: 1-888-9 DOTNET.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 20,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today we provide 1,000+ controls and frameworks for web (ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Blazor, mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (WinForms, WPF, and UWP). We provide ready-to deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

Libraries

barcodes