flutter 生成二维码，中心可加图片

1、导入依赖

在pubspec.yaml文件中，添加依赖，并执行flutter pub get命令

  # 二维码
  qr_flutter: ^4.0.0

属性	类型	描叙
version	int	`QrVersions.auto`或 1 到 40 之间的值
errorCorrectionLevel	int	值`QrErrorCorrectLevel`。例如：`QrErrorCorrectLevel.L`。
size	double	图像（正方形）大小。如果未赋值，将使用最小尺寸约束自动调整尺寸。
padding	EdgeInsets	二维码内边距
backgroundColor	Color	背景色，默认无
foregroundColor	Color	前景色，默认为黑色
gapless	bool	添加一个额外的像素以防止出现间隙（默认为 true）
errorStateBuilder	QrErrorBuilder	`Widget`允许您在呈现二维码码时出现错误（例如：版本太低、输入太长等）时显示错误状态。
constrainErrorBounds	bool	如果为 true，则错误`Widget`将被限制在要绘制二维码码的正方形内。如果为 false，则错误状态`Widget`将增长/缩小到所需的任何大小。
embeddedImage	ImageProvider	覆盖在二维码中心的图像
embeddedImageStyle	QrEmbeddedImageStyle	设置嵌入图像的样式
embeddedImageEmitsError	bool	如果为 true，任何加载嵌入图像的失败都会触发`errorStateBuilder`或渲染一个空的`Container`. 如果为 false，则将呈现二维码码并忽略嵌入的图像。
semanticsLabel	String	`semanticsLabel`将被屏幕阅读器用来描述二维码的内容。

2、引入头文件

import 'package:qr_flutter/qr_flutter.dart';

3、使用

    Container(
      width: getScreenWidth(),
      alignment: Alignment.topCenter,
      child: QrImage(
        padding: EdgeInsets.all(20),//边框
        data: 'This QR code will show the error state instead',//二维码携带信息
        size: 200,//二维码大小
        backgroundColor: Colors.white,//背景色
        foregroundColor: Colors.black,//绘制方块颜色
        embeddedImage: AssetImage('assets/images/order/order_activity.png'),//二维码中心图片
        embeddedImageStyle: QrEmbeddedImageStyle(
          //中心图片大小
          size: Size(40, 40),
        ),
      ),
    )

实际效果：

flutter 生成二维码，中心可加图片

猜你喜欢