Flutter智能扫描插件flutter_smart_scan的使用

Flutter智能扫描插件flutter_smart_scan的使用

简介

flutter_smart_scan 是一个用于Flutter应用的插件，支持在Android和iOS上进行条形码扫描。

快速开始

你可以通过示例项目来快速开始使用 flutter_smart_scan。

iOS

1. 下载或克隆仓库。
2. 在Xcode中打开 example/ios/Runner.xcworkspace。
3. 转到项目设置中的 Runner 目标，在 Signing and Capabilities 中将 Team 更改为你的Apple ID。
4. 在 example 目录下运行 flutter run。

Android

1. 下载或克隆仓库。
2. 在 example 目录下运行 flutter run。

添加到现有项目

1. 在项目的目录下运行 flutter pub add flutter_smart_scan。
2. 在任何需要使用条形码扫描的地方添加导入语句：

   import 'package:flutter_smart_scan/flutter_smart_scan.dart';
   

3. 对于Android项目，完成上述步骤即可。对于iOS项目，还需要进行以下额外步骤：

iOS

1. 打开 ios/Runner.xcworkspace。
2. 在项目设置中，转到 Info 标签页，将 iOS Deployment Target 设置为12.0。
3. 在目标设置中，转到 General 标签页，将 Minimum Deployments 的 iOS 值设置为12.0。
4. 在目标设置中，转到 Signing and Capabilities 标签页，将 Team 设置为你自己的Apple ID。

示例代码

以下是完整的示例代码，展示了如何使用 flutter_smart_scan 插件进行条形码扫描。

import 'dart:async';

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

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // 控制器用于管理文本框的内容
  TextEditingController serialNumberController = TextEditingController();
  // 存储扫描到的条形码
  String serialNumber = '';

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

  // 启动条形码扫描流
  Future<void> startBarcodeScanStream() async {
    // 获取条形码流接收器
    var stream = FlutterBarcodeScanner.getBarcodeStreamReceiver(
        '#ff6666', 'Cancel', true, ScanMode.BARCODE)!;
    // 创建订阅对象
    StreamSubscription? subscription;
    subscription = stream.listen((barcode) {
      // 检查条形码是否符合特定条件（例如以 "HH" 开头）
      if (barcode.substring(0, 2) == 'HH') {
        // 更新变量并文本框内容
        setState(() {
          serialNumber = barcode;
          serialNumberController.text = barcode;
        });
        // 取消订阅以退出扫描界面
        subscription!.cancel();
      }
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Serial Number Scan'), // 标题为序列号扫描
        ),
        body: Center(
          child: Column(
            children: <Widget>[
              Container(
                margin: EdgeInsets.all(20),
                child: TextField(
                  controller: serialNumberController,
                  decoration: InputDecoration(
                    border: OutlineInputBorder(),
                    labelText: 'Serial Number', // 文本框标签为序列号
                  ),
                  onChanged: (text) {
                    setState(() {
                      serialNumber = text;
                    });
                  },
                ),
              ),
              Container(
                alignment: Alignment.center,
                child: Flex(
                  direction: Axis.vertical,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    ElevatedButton(
                      onPressed: () => startBarcodeScanStream(), // 执行扫描
                      child: Text('Scan for Barcode'), // 按钮文本为扫描条形码
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}