Flutter二维码扫描与解析插件qr_scanner_parser的使用

简介

qr_scanner_parser 是一个用于在 Flutter 应用中实现二维码扫描与解析功能的插件。它基于 hetian9288/flutter_qr_reader 进行了扩展，增加了从二维码中读取原始数据的功能。通过该插件，您可以轻松地实现二维码的实时扫描，并获取扫码结果及原始数据。

插件功能

• 二维码扫描：支持实时扫描二维码。
• 二维码解析：不仅返回扫码结果，还支持获取二维码的原始数据。
• 闪光灯控制：可以开启或关闭设备的闪光灯。
• 图像选择：可以从相册中选择图片进行二维码解析。

使用方法

插件的核心 API 提供了一个回调函数 onScan，该函数接收两个参数：

1. String data：扫码结果。
2. String rawData：二维码的原始数据。

Future onScan(String data, String rawData) async {
  print(data); // 扫码结果
  print(rawData); // 二维码原始数据
}

示例代码

以下是一个完整的示例代码，展示如何使用 qr_scanner_parser 插件实现二维码扫描与解析功能。

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:qr_scanner_parser/flutter_qr_scan.dart';

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

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

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(home: NewPage());
  }
}

class NewPage extends StatelessWidget {
  NewPage({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.of(context).push(MaterialPageRoute(builder: (_) => HomePage()));
          },
          child: Text("Go"),
        ),
      ),
    );
  }
}

class HomePage extends StatefulWidget {
  HomePage({Key? key}) : super(key: key);

  [@override](/user/override)
  _HomePageState createState() => new _HomePageState();
}

class _HomePageState extends State<HomePage> {
  QrReaderViewController _controller = QrReaderViewController(1);
  bool isOk = false;
  String? data;
  String? rawData;

  [@override](/user/override)
  void initState() {
    _controller.startCamera((p0, p1, p2) {});
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('二维码扫描示例'),
        actions: [
          IconButton(
            onPressed: () {
              _controller.setFlashlight();
            },
            icon: Icon(Icons.flash_auto),
          ),
        ],
      ),
      body: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            ElevatedButton(
              onPressed: () async {
                final status = await Permission.camera.request();
                if (status.isGranted) {
                  showDialog(
                    context: context,
                    builder: (context) {
                      return Dialog(child: Text("权限已授予"));
                    },
                  );
                  setState(() {
                    isOk = true;
                  });
                }
              },
              child: Text("请求相机权限"),
            ),
            ElevatedButton(
              onPressed: () async {
                Navigator.push(context, MaterialPageRoute(builder: (context) => ScanViewDemo()));
              },
              child: Text("开始扫描"),
            ),
            ElevatedButton(
              onPressed: () async {
                var image = await ImagePicker().getImage(source: ImageSource.gallery);
                if (image == null) return;
                final rest = await FlutterQrReader.imgScan(File(image.path));
                setState(() {
                  data = rest;
                });
              },
              child: Text("从相册选择图片解析"),
            ),
            ElevatedButton(
              onPressed: () {
                _controller.setFlashlight();
              },
              child: Text("开关闪光灯"),
            ),
            ElevatedButton(
              onPressed: () {
                _controller.startCamera(onScan);
              },
              child: Text("启动摄像头扫描"),
            ),
            if (data != null) Text('$data\n原始数据: $rawData'),
            Container(
              width: 320,
              height: 350,
              child: QrReaderView(
                width: 320,
                height: 350,
                callback: (container) {
                  this._controller = container;
                  _controller.startCamera(onScan);
                },
              ),
            )
          ],
        ),
      ),
    );
  }

  void onScan(String? v, List<Offset>? offsets, String? raw) {
    print([v, offsets, raw]);
    setState(() {
      data = v;
      rawData = raw;
    });
    _controller.stopCamera();
  }

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