Flutter条形码扫描插件combined_barcode_scanner

Flutter 条形码扫描插件 `combined_barcode_scanner_zebra` 的使用

安装说明

请按照 combined_barcode_scanner 插件的安装说明进行操作。

示例代码

下面是一个完整的示例代码，展示了如何在 Flutter 应用中使用 combined_barcode_scanner_zebra 插件来实现条形码扫描功能。

import 'package:flutter/material.dart';
import 'package:combined_barcode_scanner/combined_barcode_scanner.dart';
import 'package:combined_barcode_scanner_zebra/combined_barcode_scanner_zebra.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key? key, required this.title}) : super(key: key);

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late BarcodeScannerWidgetController _controller;
  final _scanner = ZebraBarcodeScanner('myProfile');
  String? _imei;
  var _loading = true;

  [@override](/user/override)
  void initState() {
    super.initState();
    _controller = BarcodeScannerWidgetController(_getImei);
  }

  Future<String?> _getImei() async {
    try {
      _loading = true;
      setState(() {});
      _imei = await _scanner.controller.imei;
      setState(() {});
      // ignore: avoid_print
      print("IMEI =========== $_imei");
    } catch (e) {
      // ignore: avoid_print
      print("ERROR =========== $e");
    }
    _loading = false;
    setState(() {});
    return _imei;
  }

  [@override](/user/override)
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Column(
        children: [
          Text("Loading =========== $_loading"),
          Text("IMEI =========== $_imei"),
          ElevatedButton(
            onPressed: () {
              _getImei().then((value) {
                if (value != null) {
                  print("GOT IMEI =========== $value");
                } else {
                  print(" No IMEI found ");
                }
              });
            },
            child: const Text('retry'),
          ),
          Expanded(
            child: BarcodeScannerWidget(
              controller: _controller,
              onScan: (code) {
                if (kDebugMode) {
                  print("GOT BARCODE =========== ${code.code}");
                }
              },
              configuration: const ScannerConfiguration(
                enableFormats: {BarcodeFormat.qr},
              ),
              scanners: [_scanner],
            ),
          ),
        ],
      ),
    );
  }
}

更多关于Flutter条形码扫描插件combined_barcode_scanner_zebra的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

songsunli 1楼•7 天前

更多关于Flutter条形码扫描插件combined_barcode_scanner_zebra的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

当然，关于combined_barcode_scanner_zebra这个Flutter插件的使用，下面是一个基本的代码案例，展示了如何在Flutter应用中集成并使用该插件进行条形码扫描。请注意，此代码假设您已经正确设置了Flutter开发环境，并且已经在pubspec.yaml文件中添加了combined_barcode_scanner_zebra依赖。

首先，确保在pubspec.yaml文件中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  combined_barcode_scanner_zebra: ^最新版本号  # 请替换为实际最新版本号

然后，运行flutter pub get来安装依赖。

接下来，在您的Flutter应用中，您可以按照以下步骤使用combined_barcode_scanner_zebra插件：

导入插件：

在需要使用条形码扫描功能的Dart文件中导入插件：

import 'package:combined_barcode_scanner_zebra/combined_barcode_scanner_zebra.dart';
import 'package:flutter/material.dart';

请求相机权限（在Android和iOS上可能需要）：

确保在AndroidManifest.xml和Info.plist中正确配置了相机权限。此外，您可能还需要在运行时请求权限（这部分代码因平台而异，这里不详细展开）。

创建扫描页面：

创建一个按钮来触发条形码扫描，并处理扫描结果：

class BarcodeScannerPage extends StatefulWidget {
  @override
  _BarcodeScannerPageState createState() => _BarcodeScannerPageState();
}

class _BarcodeScannerPageState extends State<BarcodeScannerPage> {
  String scanResult = '';

  Future<void> _scanBarcode() async {
    try {
      String result = await CombinedBarcodeScannerZebra.scanBarcode(
        beepOnScan: true, // 扫描成功时是否发出声音
        cancelButtonText: '取消', // 取消按钮的文本
        flashEnabled: true, // 是否启用闪光灯
        orientationLocked: false, // 是否锁定屏幕方向
      );
      setState(() {
        scanResult = result;
      });
    } catch (e) {
      print('扫描失败: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('条形码扫描'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              '扫描结果: $scanResult',
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _scanBarcode,
              child: Text('开始扫描'),
            ),
          ],
        ),
      ),
    );
  }
}

运行应用：

将BarcodeScannerPage作为您的主页面或在导航中访问它，然后运行您的Flutter应用。点击“开始扫描”按钮将启动条形码扫描界面，扫描成功后将结果显示在页面上。

这个代码案例提供了一个基本的框架，展示了如何在Flutter应用中使用combined_barcode_scanner_zebra插件进行条形码扫描。根据您的具体需求，您可能需要进一步定制和扩展此功能。

Flutter条形码扫描插件combined_barcode_scanner_zebra的使用