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

当然，以下是如何在Flutter项目中使用vietqr_flutter插件来生成和扫描二维码的代码示例。

1. 添加依赖

首先，在你的pubspec.yaml文件中添加vietqr_flutter依赖：

dependencies:
  flutter:
    sdk: flutter
  vietqr_flutter: ^x.y.z  # 请替换为最新版本号

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

2. 生成二维码

创建一个页面来生成二维码。这里是一个简单的示例：

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

class QRCodeGeneratorPage extends StatefulWidget {
  @override
  _QRCodeGeneratorPageState createState() => _QRCodeGeneratorPageState();
}

class _QRCodeGeneratorPageState extends State<QRCodeGeneratorPage> {
  final TextEditingController _controller = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('生成二维码'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            TextField(
              controller: _controller,
              decoration: InputDecoration(
                labelText: '输入数据',
              ),
            ),
            SizedBox(height: 16),
            ElevatedButton(
              onPressed: () {
                generateQRCode(_controller.text);
              },
              child: Text('生成二维码'),
            ),
          ],
        ),
      ),
    );
  }

  void generateQRCode(String data) {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        content: QrImage(
          data: data,
          version: QrVersions.auto,
          size: 200.0,
        ),
        actions: <Widget>[
          TextButton(
            onPressed: () => Navigator.of(context).pop(),
            child: Text('关闭'),
          ),
        ],
      ),
    );
  }
}

3. 扫描二维码

接下来，创建一个页面来扫描二维码。这里是一个简单的示例：

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

class QRCodeScannerPage extends StatefulWidget {
  @override
  _QRCodeScannerPageState createState() => _QRCodeScannerPageState();
}

class _QRCodeScannerPageState extends State<QRCodeScannerPage> {
  BarcodeResult? _result;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('扫描二维码'),
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            flex: 5,
            child: QRView(
              key: GlobalKey(debugLabel: 'QRView'),
              onQRViewCreated: _onQRViewCreated,
            ),
          ),
          Expanded(
            flex: 1,
            child: _result != null
                ? Text('扫描结果: ${_result!.code}')
                : Container(),
          ),
        ],
      ),
    );
  }

  void _onQRViewCreated(QRViewController controller) {
    controller.scannedDataStream.listen((scanData) {
      setState(() {
        _result = scanData;
      });
    });
  }
}

4. 注册页面路由

在你的main.dart文件中注册这两个页面的路由：

import 'package:flutter/material.dart';
import 'qr_code_generator_page.dart';
import 'qr_code_scanner_page.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter QR Code Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter QR Code Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => QRCodeGeneratorPage()),
              ),
              child: Text('生成二维码'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => QRCodeScannerPage()),
              ),
              child: Text('扫描二维码'),
            ),
          ],
        ),
      ),
    );
  }
}

注意事项

1. 权限处理：在Android和iOS上扫描二维码需要相机权限，请确保在AndroidManifest.xml和Info.plist中正确配置相机权限。
2. 错误处理：为了简洁，示例代码中没有包含详细的错误处理逻辑。在实际应用中，请添加必要的错误处理来增强应用的健壮性。

这样，你就可以在Flutter应用中使用vietqr_flutter插件来生成和扫描二维码了。