Skip to content

Barcode generation,Barcode scanning,qrcode,qrcode generation,qrcode creator,flutter barcode,flutter qrcode,support android iOS web platform

License

Notifications You must be signed in to change notification settings

MBuelowius/ai_barcode

 
 

Repository files navigation

ai_barcode

totem


English Document 中文文档

ai_barcode:支持Android、iOS、web识别'一维条码'和'二维条码'的识别与生成

Plugin Pub Points Popularity Likes
ai_barcode pub package pub points popularity likes

亮点: ai_barcode:支持在flutter页面中嵌入Scanner以此来应对多变的业务需求

Effect

iOS-Scanner Android-Scanner
ios android
:- :-
iOS-Creator Android-Creator
ios android
:- :-
Web-Creator Web-Scanner
web web
:- :-

ai_barcode项目中的实战应用flutter sample

下载安卓apk安装包 IOS安装包,请下载example后运行项目获取 博客地址

1.安装

使用当前包作为依赖库

1. 依赖此库

在文件 'pubspec.yaml' 中添加

Plugin Pub Points Popularity Likes
ai_barcode pub package pub points popularity likes

dependencies:

  ai_barcode: ^version

或者以下方式依赖

dependencies:

  # barcode package.
  ai_barcode:
    git:
      url: https://github.com/pdliuw/ai_barcode.git

2. 安装此库

你可以通过下面的命令行来安装此库


$ flutter pub get


你也可以通过项目开发工具通过可视化操作来执行上述步骤

3. 导入此库

现在,在你的Dart编辑代码中,你可以使用:


import 'package:ai_barcode/ai_barcode.dart';

2.使用

使用'相机'需要动态申请权限,动态权限推荐:permission_handler

配置权限

Android权限配置:


    <uses-permission android:name="android.permission.CAMERA"/>
    

iOS权限配置:


    <key>NSCameraUsageDescription</key>
    <string>Can we access your camera in order to scan barcodes?</string>


iOS支持PlatformView配置:

	
    <key>io.flutter.embedded_views_preview</key>
    <true/>
    

1.使用'一维条码、二维条码'的地方中:

  • 1、识别条码 简要示例
                //cameraWidth:相机的宽度;cameraHeight相机的高度,可根据实际的业务来动态调整
                Container(
                  color: Colors.black26,
                  width: cameraWidth,
                  height: cameraHeight,
                  child: PlatformAiBarcodeScannerWidget(
                    platformScannerController: _scannerController,
                  ),
                ),

  • 2、生成/创建条码 简要示例
            Column(
              children: <Widget>[
                Text("生成的二维码:$_qrCodeOfInput"),
                Container(
                  width: 300,
                  height: 300,
                  decoration: ShapeDecoration(
                    shape: RoundedRectangleBorder(
                      side: BorderSide(
                        color: Colors.blue,
                        width: 15,
                      ),
                      borderRadius: BorderRadius.all(
                        Radius.circular(10),
                      ),
                    ),
                  ),
                  margin: EdgeInsets.all(40),
                  child: PlatformAiBarcodeCreatorWidget(
                    creatorController: _creatorController,
                    initialValue: "$_qrCodeOfInput",
                  ),
                ),
              ],
            ),

完整示例

完整示例,点击这里

2.调用/应用

*1、打开相机设备


          _scannerController.startCamera();

*2、打开预览/识别'条码'


          _scannerController.startCameraPreview();

*3、关闭预览/识别'条码'


      _scannerController.stopCameraPreview();

*4、关闭相机设备


      _scannerController.stopCamera();

*5、打开手电筒


      _scannerController.openFlash();

*5、关闭手电筒


      _scannerController.closeFlash();

*5、切换手电筒


      _scannerController.toggleFlash();

看到这里还意犹未尽?点击,查看项目示例

感谢

iOS-一维码/二维码 识别/生成 Android-一维码/二维码 识别/生成 Web、MacOS-二维码 生成
基于: MTBBarcodeScanner 基于: dm77/barcodescanner 基于: qr_flutter
:- :- :-

待办

  • 支持:iOS上成功扫描条形码后也可以冻结相机图像

LICENSE

BSD 3-Clause License

Copyright (c) 2020, pdliuw
All rights reserved.

About

Barcode generation,Barcode scanning,qrcode,qrcode generation,qrcode creator,flutter barcode,flutter qrcode,support android iOS web platform

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 72.7%
  • Dart 8.9%
  • C++ 5.8%
  • Swift 4.2%
  • Kotlin 3.7%
  • CMake 2.2%
  • Other 2.5%