Flutter二维码生成与扫描插件quick_qr的使用

quick_qr 是一个用于在Android和iOS上扫描二维码的Flutter插件。以下是该插件的使用方法和详细说明。

参数和函数

CameraSource 类的参数和函数如下：

使用方法

import 'package:quick_qr/quick_qr.dart';

Navigator.of(context).push(
  MaterialPageRoute(
    maintainState: false,
    builder: (context) {
      return CameraSource(
        immersive: false,
        stopOnFound: true,
        onDetect: (barcode) async {
          // 处理二维码数据
        },
      );
    },
  ),
);

检测到的二维码数据

onDetect: (barcode) async {
  // 访问二维码数据
}

示例代码

以下是一个完整的示例代码，展示了如何使用quick_qr插件来扫描二维码并在应用中显示其内容。

import 'package:flutter/material.dart';
import 'package:flutter_linkify/flutter_linkify.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:quick_qr/quick_qr.dart';
import 'package:url_launcher/url_launcher.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Qr code scanner',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Qr code scanner Demo'),
    );
  }
}

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> {
  String _qrCodeData = "";
  String? _qrCodeFormat;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              _qrCodeData.isEmpty ? 'Qr code data will be shown here.' : "",
            ),
            const SizedBox(
              height: 10,
            ),
            Visibility(
              visible: _qrCodeData.isNotEmpty,
              child: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Text.rich(TextSpan(children: [
                    const TextSpan(
                        text: "Qr code format: ",
                        style: TextStyle(fontWeight: FontWeight.bold)),
                    TextSpan(text: "$_qrCodeFormat")
                  ]))),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Linkify(
                text: _qrCodeData,
                onOpen: (link) async {
                  String url = link.url;
                  final uri = Uri.parse(url);
                  if (await canLaunchUrl(uri)) {
                    await launchUrl(uri);
                  } else {
                    Fluttertoast.showToast(msg: "Could not launch url");
                  }
                },
                linkStyle: TextStyle(color: Colors.blue[400]),
              ),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
          onPressed: () {
            if (mounted) {
              setState(() {
                _qrCodeData = "";
                _qrCodeFormat = "";
              });
            }

            Navigator.of(context).push(
              MaterialPageRoute(
                maintainState: false,
                builder: (context) {
                  return CameraSource(
                    immersive: false,
                    stopOnFound: true,
                    onDetect: (barcode) async {
                      if (mounted) {
                        setState(() {
                          _qrCodeData = barcode.displayValue!;
                          _qrCodeFormat = barcode.format.name;
                        });
                      }

                      Navigator.pop(context);
                    },
                  );
                },
              ),
            );
          },
          tooltip: 'Open QrCode scanner',
          child: const Icon(Icons.qr_code)),
    );
  }
}