Flutter 中的二维码生成与扫描：集成 qr_code_scanner

在 Flutter 中，二维码的生成与扫描可以通过集成 qr_code_scanner 包来实现。这个包提供了二维码扫描的功能，而二维码生成可以使用 qr_flutter 包。以下是详细的集成步骤和代码示例。

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 qr_code_scanner 和 qr_flutter 依赖：

dependencies:
  flutter:
    sdk: flutter
  qr_code_scanner: ^0.6.1
  qr_flutter: ^4.0.0

然后运行 flutter pub get 来安装依赖。

2. 二维码扫描

使用 qr_code_scanner 包来实现二维码扫描功能。以下是一个简单的示例：

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

class QRScanPage extends StatefulWidget {
  @override
  _QRScanPageState createState() => _QRScanPageState();
}

class _QRScanPageState extends State<QRScanPage> {
  final GlobalKey qrKey = GlobalKey(debugLabel: 'QR');
  QRViewController? controller;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('QR Code Scanner'),
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            flex: 5,
            child: QRView(
              key: qrKey,
              onQRViewCreated: _onQRViewCreated,
            ),
          ),
          Expanded(
            flex: 1,
            child: Center(
              child: Text('Scan a QR Code'),
            ),
          ),
        ],
      ),
    );
  }

  void _onQRViewCreated(QRViewController controller) {
    this.controller = controller;
    controller.scannedDataStream.listen((scanData) {
      setState(() {
        // 处理扫描到的数据
        print('Scanned Data: ${scanData.code}');
      });
    });
  }

  @override
  void dispose() {
    controller?.dispose();
    super.dispose();
  }
}

3. 二维码生成

使用 qr_flutter 包来生成二维码。以下是一个简单的示例：

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

class QRGeneratePage extends StatelessWidget {
  final String data = 'https://example.com';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('QR Code Generator'),
      ),
      body: Center(
        child: QrImage(
          data: data,
          version: QrVersions.auto,
          size: 200.0,
        ),
      ),
    );
  }
}

4. 导航到扫描和生成页面

你可以在应用中通过导航来切换到扫描和生成页面：

import 'package:flutter/material.dart';
import 'qr_scan_page.dart';
import 'qr_generate_page.dart';

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('QR Code Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => QRScanPage()),
                );
              },
              child: Text('Scan QR Code'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => QRGeneratePage()),
                );
              },
              child: Text('Generate QR Code'),
            ),
          ],
        ),
      ),
    );
  }
}

5. 运行应用

最后，运行你的 Flutter 应用，你将能够扫描和生成二维码。

注意事项

• qr_code_scanner 使用了摄像头权限，确保在 AndroidManifest.xml 和 Info.plist 中正确配置了相机权限。
• 在 iOS 上，你还需要在 Info.plist 中添加 NSCameraUsageDescription 键，描述应用使用相机的目的。

通过这些步骤，你可以在 Flutter 应用中轻松实现二维码的扫描和生成功能。