Flutter二维码生成插件qr_image_generator的使用

qr_image_generator是一个用于在Flutter应用中生成和保存二维码图片的插件。本文将介绍如何使用这个插件，并提供一个完整的示例Demo。

基本用法

下面是一个简单的例子，展示了如何生成并保存一个包含“Hello World!”信息的二维码图片：

final generator = QRGenerator();

await generator.generate(
  data: 'Hello World!',
  filePath: '$outputDir/hello.png',
);

完整用法

为了更灵活地使用该插件，你可以设置更多的参数，如缩放比例、前景色、背景色等：

Future saveQRImage() async {
  final generator = QRGenerator();

  await generator.generate(
    data: 'Hello World!',
    filePath: '$outputDir/hello.png',
    scale: 10,
    foregroundColor: Colors.yellow,
    backgroundColor: Colors.blue,
    errorCorrectionLevel: ErrorCorrectionLevel.medium,
    qrVersion: 4,
  );
}

二维码图像将会被保存到提供的filePath路径下。

示例Demo

以下是使用qr_image_generator的一个完整示例，包括了用户输入文本生成二维码并保存的功能：

import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:qr_image_generator/qr_image_generator.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'QR Image Generator Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'QR Image Generator Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final TextEditingController textEditingController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('Enter Text', style: Theme.of(context).textTheme.displaySmall),
              const SizedBox(height: 10),
              TextFormField(
                controller: textEditingController,
                textAlign: TextAlign.center,
                decoration: const InputDecoration(border: OutlineInputBorder()),
              ),
              const SizedBox(height: 100),
              ElevatedButton(
                onPressed: saveQRImage,
                child: const Text('Save QR'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Future saveQRImage() async {
    FocusScope.of(context).unfocus();
    String? filePath = await FilePicker.platform.saveFile(
      fileName: 'demoQr.png',
      type: FileType.image,
    );
    if (filePath == null) {
      return;
    }

    final generator = QRGenerator();

    await generator.generate(
      data: textEditingController.text,
      filePath: filePath,
      scale: 10,
      padding: 2,
      foregroundColor: Colors.yellow,
      backgroundColor: Colors.blue,
      errorCorrectionLevel: ErrorCorrectionLevel.medium,
    );
  }
}

这个示例允许用户输入任意文本，并将其转换为二维码保存到指定位置。通过这种方式，您可以轻松地将qr_image_generator集成到自己的项目中，以满足不同的需求。