【笔记】Flutter 生成二维码

Flutter 生成二维码

通过 qr_flutter

flutter pub add qr_flutter

import 'package:qr_flutter/qr_flutter.dart';

生成二维码

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

main() async {
  runApp(const MaterialApp(
    home: App(),
  ));
}

class App extends StatefulWidget {
  const App({super.key});

@override
  AppState createState() => AppState();
}

class AppState extends State<App> {
  final GlobalKey qrKey = GlobalKey();

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("文本内容")),
      body: Column(
        children: [
          QrImageView(
            data: '1',
            version: QrVersions.auto,
            size: 200.0,
          )
        ],
      ),
    );
  }
}

生成带 logo 的二维码

存放 logo

• 在项目根目录创建一个 images 目录用于存放图片

+ 项目名
  + images
    - 图片名.jpg

在配置文件中加载静态资源

pubspec.yaml

flutter:
  assets:
    - images/图片名.jpg

生成带 logo 的二维码

images/图片名.jpg：指定图片保存的路径

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

main() async {
  runApp(const MaterialApp(
    home: App(),
  ));
}

class App extends StatefulWidget {
  const App({super.key});

@override
  AppState createState() => AppState();
}

class AppState extends State<App> {
  final GlobalKey qrKey = GlobalKey();

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("文本内容")),
      body: Column(
        children: [
          QrImageView(
            data: '1',
            version: QrVersions.auto,
            size: 200.0,
            gapless: false,
            embeddedImage: AssetImage("images/图片名.jpg"),
            embeddedImageStyle: QrEmbeddedImageStyle(
              size: Size(80, 80),
            ),
          )
        ],
      ),
    );
  }
}

稀土掘金 —— 剪刀石头布啊
qr_flutter