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

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

特性

开始使用

要开始使用 fun_qr_generator 插件，请先将其添加到你的 pubspec.yaml 文件中。

dependencies:
  fun_qr_generator: ^1.0.0

然后运行 flutter pub get 来安装该包。

使用方法

在Widget树中显示自定义二维码

你可以通过以下方式在你的Flutter应用中嵌入一个自定义二维码：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Fun QR Generator Example')),
        body: Center(
          child: Container(
            decoration: const BoxDecoration(
              image: DecorationImage(
                image: AssetImage("assets/images/background.png"), // 替换为你的背景图片路径
              ),
            ),
            child: CustomPaint(
              size: const Size(200, 200),
              painter: FunQrPainter(
                data: "Hello, World!", // 二维码的内容
                options: FunQr.defaultOptions,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

生成带有GIF背景的二维码并保存

你还可以生成一个包含GIF背景的二维码，并将其保存到相册或进行其他操作。以下是示例代码：

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

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

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

class _MyAppState extends State<MyApp> {
  String _gifPath;

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

  Future<void> generateGifPath() async {
    String gifPath = await FunQr().generatePath(
      data: "qr content", // 二维码的内容
      gifUrl: "https://yourgif.gif", // GIF背景的URL
    );
    setState(() {
      _gifPath = gifPath;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Fun QR Generator Example')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: generateGifPath,
                child: Text('Generate QR with GIF Background'),
              ),
              SizedBox(height: 20),
              if (_gifPath != null)
                Text('Generated QR Path: $_gifPath'),
            ],
          ),
        ),
      ),
    );
  }
}