Flutter二维码扫描插件scan_plus的使用

Flutter二维码扫描插件scan_plus的使用

Scan Plus 是一个用于在 Flutter 应用中进行二维码扫描的插件。它支持 Android 和 iOS 平台，并提供了丰富的配置选项。

开始使用

首先，确保你已经在项目中添加了 scan_plus 依赖项。在你的 pubspec.yaml 文件中添加以下内容：

dependencies:
  scan_plus: ^版本号

然后运行 flutter pub get 来获取依赖项。

完整示例代码

下面是一个完整的示例代码，展示了如何在 Flutter 应用中使用 scan_plus 插件进行二维码扫描。

import 'dart:io';
import 'package:advance_pdf_viewer_fork/advance_pdf_viewer_fork.dart';
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter/services.dart';
import 'package:scan_plus/configs/configs.dart';
import 'package:scan_plus/scan_plus.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知';
  PDFDocument? _scannedDocument;
  File? _scannedDocumentFile;
  File? _scannedImage;

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

  // 初始化平台状态
  Future<void> initPlatformState() async {
    String platformVersion;
    // 获取平台版本信息
    try {
      platformVersion = await ScanPlusDocumentScanner.getPlatformVersion() ?? '未知平台版本';
    } on PlatformException {
      platformVersion = '获取平台版本失败。';
    }

    // 更新 UI 状态
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  // 打开 PDF 扫描器
  openPdfScanner(BuildContext context) async {
    var doc = await ScanPlusDocumentScanner.launchForPdf(
      context,
      labelsConfig: {
        ScannerLabelsConfig.ANDROID_NEXT_BUTTON_LABEL: "下一步",
        ScannerLabelsConfig.PDF_GALLERY_FILLED_TITLE_SINGLE: "只有1页",
        ScannerLabelsConfig.PDF_GALLERY_FILLED_TITLE_MULTIPLE: "只有{PAGES_COUNT}页"
      },
      //source: ScannerFileSource.CAMERA
    );
    if (doc != null) {
      _scannedDocument = null;
      setState(() {});
      await Future.delayed(Duration(milliseconds: 100));
      _scannedDocumentFile = doc;
      _scannedDocument = await PDFDocument.fromFile(doc);
      setState(() {});
    }
  }

  // 打开图像扫描器
  openImageScanner(BuildContext context) async {
    var image = await ScanPlusDocumentScanner.launch(context,
        //source: ScannerFileSource.CAMERA,
        labelsConfig: {
          ScannerLabelsConfig.ANDROID_NEXT_BUTTON_LABEL: "下一步",
          ScannerLabelsConfig.ANDROID_OK_LABEL: "确定"
        });
    if (image != null) {
      _scannedImage = image;
      setState(() {});
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Scan Plus 示例'),
        ),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Text('运行在: $_platformVersion\n'),
            if (_scannedDocument != null || _scannedImage != null) ...[
              if (_scannedImage != null)
                Image.file(_scannedImage!,
                    width: 300, height: 300, fit: BoxFit.contain),
              if (_scannedDocument != null)
                Expanded(
                    child: PDFViewer(
                      document: _scannedDocument!,
                    )),
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: Text(
                    _scannedDocumentFile?.path ?? _scannedImage?.path ?? ''),
              ),
            ],
            Center(
              child: Builder(builder: (context) {
                return ElevatedButton(
                    onPressed: () => openPdfScanner(context),
                    child: const Text("PDF 扫描"));
              }),
            ),
            Center(
              child: Builder(builder: (context) {
                return ElevatedButton(
                    onPressed: () => openImageScanner(context),
                    child: const Text("图像扫描"));
              }),
            )
          ],
        ),
      ),
    );
  }
}