Flutter数字扫描插件digit_scanner的使用

digit_scanner 是一个用于扫描QR码和GS1条形码的插件。

开始使用

要使用此插件，请在 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  digit_scanner: 0.0.0-dev.1

初始化 DigitScannerBloc 提供者到您的应用中：

BlocProvider(
  create: (_) {
    return DigitScannerBloc(
      const DigitScannerState(),
    );
  },
)

清除扫描状态：

context.read<DigitScannerBloc>().add(
  const DigitScannerEvent.handleScanner(),
);

导航到 DigitScanner 页面：

context.router.push(DigitScannerRoute(
  quantity: 1, // 扫描的最大数量
  isGS1code: false, // 设置为true以扫描GS1条形码
  singleValue: true, // 设置为false以扫描多个代码
));

在需要扫描代码的地方包装 DigitScannerListener 或 DigitScannerBuilder：

BlocListener<DigitScannerBloc, DigitScannerState>(
  listener: (context, scannerState) {
    if (scannerState.qrCodes.isNotEmpty) {
      // 处理扫描结果
    }
  },
  child: BlocBuilder<DigitScannerBloc, DigitScannerState>(
    builder: (context, scannerState) {
      if (scannerState.qrCodes.isNotEmpty) {
        return Text(scannerState.qrCodes.last); // 获取扫描后的代码
      } else {
        return Container();
      }
    },
  ),
)

完整示例

以下是使用 digit_scanner 插件的完整示例代码：

import 'package:digit_scanner/blocs/scanner.dart';
import 'package:digit_scanner/pages/qr_scanner.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  late DigitScannerBloc scannerBloc;

  [@override](/user/override)
  void initState() {
    scannerBloc = DigitScannerBloc(const DigitScannerState());
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return BlocProvider<DigitScannerBloc>(
      create: (context) => scannerBloc,
      child: Scaffold(
        appBar: AppBar(
          backgroundColor: Theme.of(context).colorScheme.inversePrimary,
          title: Text(widget.title),
        ),
        body: Center(
          child: BlocBuilder<DigitScannerBloc, DigitScannerState>(
            builder: (context, scannerState) {
              return Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  scannerState.qrCodes.isNotEmpty
                      ? const Text('Scanned Code: ')
                      : const Text('Not yet scanned'),
                  scannerState.qrCodes.isNotEmpty
                      ? Text(scannerState.qrCodes.last)
                      : const Icon(Icons.emoji_emotions_rounded),
                ],
              );
            },
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (BuildContext context) => const DigitScannerPage(
                  quantity: 1,
                  isGS1code: false,
                ),
              ),
            );
          },
          tooltip: 'Open Scanner',
          child: const Icon(Icons.open_in_browser_rounded),
        ),
      ),
    );
  }
}